/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

/**

** OUTLINE **

a] GLOBALS
b] PAGE BACKGROUNDS
c] STRUCTURE
	1] header/nav
	2] footer
d] GENERAL PAGES
e] COMMON WIDGETS
f] HOMEPAGE
	1] content
	2] anything slider
	3] promo block
g] CHARACTER PAGES
	1] main
	2] single character
h] CATEGORY PAGES 
i] MEDIA
  1] gallery pages
  2] fancybox
j] BASIC PAGES
  1] articles page
  2] vip page
  3] quickstart page
  4] download page
h] AUTH

**/
/* Global Variables */
/* Mixins */
/* - GLOBALS ---------------------------------------------- */
/* -------------------------------------------------------- */
body {
  font-family: Trebuchet MS, arial, helvetica, sans-serif;
  background: none no-repeat center top #000;
  color: #fff;
  min-width: 1024px; 
  background-image: url(http://dl.dropboxusercontent.com/u/60097659/css/articles.jpg); }
  body.front {
	  background-image: none;
  }

a {
  color: #e9e2ba;
  outline: none !important; }
  a:hover {
    color: #fbfaca; }
  a:active {
    background-color: transparent;
    /* IE10 fix */ }

h1, h2, h3, h4, h5 {
  font-family: 'GoudyTrajan';
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: rgba(255, 255, 255, 0.1) 0.1px; }
  h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #fff; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
      color: #fbfaca; }

h1 {
  margin: 4px 0;
  font-size: 30px; }

h2 {
  margin: 0;
  line-height: 1; }
  
ul li:first-child,
ul li:last-child {
	margin: 0;
}
	.page ul li:first-child,
	.page ul li:last-child {
		margin: 0;
	}
ul.menu li,
ul.list-item li {
	margin: 0;
}

table {
	width: 100%;
	margin-bottom: 1.5em;
}

.orange-stroke-text, #character-wrap figcaption h2, #character-info h2, .scroller li.offset_0, .node-spinner-pane h2, .menu-features .node-spinner-pane h2, body.page-media h2, body.node-type-gallery h2, .gallery .gallery-links .active a {
  color: #F8F3BD;
  text-shadow: 2px 2px 3px black; }
  .lt-ie10 .orange-stroke-text, .lt-ie10 #character-wrap figcaption h2, #character-wrap figcaption .lt-ie10 h2, .lt-ie10 #character-info h2, #character-info .lt-ie10 h2, .lt-ie10 .scroller li.offset_0, .scroller .lt-ie10 li.offset_0, .lt-ie10 .node-spinner-pane h2, .node-spinner-pane .lt-ie10 h2, .lt-ie10 body.page-media h2, body.page-media .lt-ie10 h2, .lt-ie10 body.node-type-gallery h2, body.node-type-gallery .lt-ie10 h2, .lt-ie10 .gallery .gallery-links .active a, .gallery .gallery-links .active .lt-ie10 a {
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); }

p {
  margin-top: 3px; }

section {
  border: 0;
  background: transparent;
  padding: 0; }

.no-cookies {
  display: none; }

div.warning-bar.warning {
  background-color: #FFC1C1;
  background-image: none;
  color: #000;
  font-weight: bold;
  opacity: 1;
  text-align: center;
  line-height: 30px;
  min-height: 30px;
  min-width: 295px;
  padding: 0 1em;
  width: 100%;
  border: 3px solid #FF7777;
  position: relative; }
  div.warning-bar.warning .warning-bar-inner {
    margin: 0 auto;
    padding: 3px;
    position: relative;
    text-align: center;
    width: 920px; }

.breadcrumbs {
  font-size: 9px;
  margin: 1em 0;
  text-shadow: 0 0 6px #000; }
  .breadcrumbs a {
    color: #fff; }
    .breadcrumbs a:hover {
      color: #fbfaca; }

.column {
  width: 1024px;
  border-spacing: 0; }

.front .page-wrap .one.column {
  width: 100%; }

.content {
  width: 1024px;
  margin: 0 auto 1.5em auto; }
  
  .content h2,
  .content h3 {
	  color: #F8F3BD;
  }

.page {
  position: relative; }

.not-front .column.one {
  width: 1024px;
  margin: auto; }

.pagecontent {
  min-height: 680px; }

body > div > header {
  margin-top: 0; }

.relative-wrap > hgroup {
  margin-right: 50px; }

hgroup > h1 {
  text-align: center;
  margin-bottom: 16px;
  font-family: GoudyTrajan-Medium;
  text-shadow: 0 0 20px black, 0 0 8px rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); }

body.page-media hgroup > h1 {
  margin-bottom: 0; }

hgroup > h2 {
  font-size: 1.5em; }

hgroup > h1:before {
  position: absolute;
  z-index: 1;
  bottom: -16px;
  left: -65px;
  width: 100%;
  height: 71px;
  /* background: url(../global/header-decor.png) no-repeat 0 0; */
  content: "";
  display: block; }

.lt-ie9 hgroup > h1:before {
  display: none; }
  
.views-view-grid a,
.views-row a {
	font-family: GoudyTrajan-Medium;
	font-size: 18px;
	line-height: 2;
	text-decoration: none;
}

.errors > li, li.error {
	color: #000;
}
  
/* - FORUMS ------------------------------------- */
/* -------------------------------------------------------- */
.vb a,
.vb .postdetails a:hover, .vb .postdetails a:link, .vb .postdetails a:visited, .vb .userinfo a:hover, .vb .userinfo a:link, .vb .userinfo a:visited, .vb .postbody .postrow a:hover, .vb .postbody .postrow a:link, .vb .postbody .postrow a:visited, .vb .activitybit a:hover, .vb .activitybit a:link, .vb .activitybit a:visited {
	color: #e9e2ba;
}
.vb ul li:first-child,
.vb ul li:last-child,
.vb ul li {
	margin-left: .25em;
}
.vb .above_body,
.vb .body_wrapper,
.vb .below_body { 
	margin: 0 auto;
	width: 90%;
}	
	.vb .above_body {
		margin-top: 40px;
	}
	.vb .below_body {
		margin-bottom: 30px;
		border: 3px solid black;
		border-top: none;
	}
	
.vb #navbar,
.vb .body_wrapper,
.vb .below_body,
.vb .breadcrumb,
.vb .notices li,
.vb .popupbody,
.vb .announcements .announcerow,
.vb .announcerow .announceinfo, 
.vb .announcerow .announcement,
.vb .threadbit .sticky,
.vb .doc_header .toplinks .isuser,
.vb #usercp_nav .blockrow {
	background: #333;
}

.vb .breadcrumb li {
	margin-left: 0;
}

.vb .time {
	color: inherit;
}

.vb .content {
	width: auto;
}

.vb .above_threadlist .threadpagenav {
	bottom: auto;
}

.vb .threadbit .pagination {
	display: block;
}

.vb .pagination span a,
.vb .pagination span a.popupctrl,
.vb .bbcode_container div.bbcode_quote,
.vb .newcontent_textcontrol,
.vb a.textcontrol,
.vb .textcontrols a:hover, 
.vb a:hover.textcontrol {
	color: #000 !important;
	border-color: #333 !important;
	background-color: #fff !important;
}

.postbitlegacy .postfoot .textcontrols a.report, .postbit .postfoot .textcontrols a.report,
.postbitlegacy .postfoot .textcontrols a.report:hover, .postbit .postfoot .textcontrols a.report:hover {
	padding-left: 15px;
	background-color: #fff;
}

.postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent,
.postbitlegacy .postfoot .textcontrols a.editpost:hover, .postbit .postfoot .textcontrols a.editpost:hover, .eventbit .eventfoot .textcontrols a.editevent:hover,
.postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost,
.postbitlegacy .postfoot .textcontrols a.quickreply:hover, .postbit .postfoot .textcontrols a.quickreply:hover, .postbitlegacy .postfoot .textcontrols a.forwardpost:hover, .postbit .postfoot .textcontrols a.forwardpost:hover,
.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply,
.postbitlegacy .postfoot .textcontrols a:hover, .postbit .postfoot .textcontrols a:hover, .postbitlegacy .postfoot .textcontrols a.newreply:hover, .postbit .postfoot .textcontrols a.newreply:hover,
.postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote,
.postbitlegacy .postfoot .textcontrols a.multiquote:hover, .postbit .postfoot .textcontrols a.multiquote:hover {
	padding: 5px 5px 5px 20px;
	background-color: #fff;
	border-radius: 3px;
}

.vb .pagination span.selected a,
.vb #usercp_nav .blockrow,
.vb #usercp_nav .blockbody {
	background-color: #000;
	border-color: #333;
}

.vb .bbcode_container .bbcode_quote_container,
.vb #usercp_nav hr {
	display: none;
}

.vb .toplinks {
	position: relative;
}

.vb .doc_header .toplinks {
	top: auto;
	right: auto;
}

.forumhead + .childforum .L2:first-child .forumrow, 
.forumhead + .L2 .forumrow,
.forumbit_nopost .forumbit_nopost .forumrow, 
.forumbit_post .forumrow,
.vb .formcontrols .section, 
.vb .formcontrols.blockbody,
.vb .navlinks,
.toolsmenu,
.threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored,
.threadbit .alt,
.postbitlegacy .postdetails, .eventbit .eventdetails,
.postbitlegacy .userinfo,
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody,
.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols,
.vb .content,
.popupbody li a, .popupbody li label,
.popupbody li.formsubmit .submitoptions label, .popupbody li.formsubmit .advancedsearchlink a,
.formcontrols .blockrow,
.vb li.activitybit {
	color: #fff;
	background: none;
}

.vb .navlinks,
.wgo_block .blockbody,
.toolsmenu {
	border: none;
}

.wgo_block .blocksubhead,
.postbit .posttitle, .postbitlegacy .title {
	color: #e9e2ba;
}

.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
	color: #fff;
}

.threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
	border-color: #666;
}

.vb .forum_info .blockbody {
	padding: 10px;
}

.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a,
.postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply {
	background-color: none;
}

/* - PAGE BACKGROUNDS ------------------------------------- */
/* -------------------------------------------------------- */
body[class*='node-type-character-select-page'] {
  background-image: url(../page-backgrounds/wraith-background.jpg); }

body[class*='node-type-race'] {
  background-image: url(../page-backgrounds/wraith-zoom-background.jpg); }

body[class*='menu-game'] {
  background-image: url(../page-backgrounds/minas-tirith-background.jpg); }

body[class*='menu-community'] {
  background-image: url(../page-backgrounds/autumn-ruins-background.jpg); }

body[class*='menu-explore'] {
  background-image: url(../page-backgrounds/golden-wood-background.jpg); }

body[class*='page-media'],
body[class*='node-type-gallery'] {
  background-image: url(../page-backgrounds/auth.jpg); }

body[class*='menu-quickstart'] {
  background-image: url(../page-backgrounds/quickstart-guide.jpg); }

body[class*='menu-store'] {
  background-image: url(../page-backgrounds/store-guide.jpg); }

body[class*='menu-vip'] {
  background-image: url(../page-backgrounds/become-a-vip.jpg); }

body[class*='menu-download'] {
  background-image: url(../page-backgrounds/download.jpg); }

body[class*='page-news'],
body[class*='node-type-news'] {
  background-image: url(../page-backgrounds/articles.jpg); }

body.page-node-60,
#vbulletin_html body {
  background-image: url(../page-backgrounds/community.jpg); }  

body[id*='auth-login-index'],
body[id*='auth-login-wbid'],
body[id*='web-layout-password-default'],
body[id*='registration-community-index'],
body[id*='password-forgot-index'],
body[id*='password-forgot-success'],
body[id*='password-forgot-wbid'],
body[id*='password-reset-index'],
body[id*='password-reset-wbid'],
body[id*='password-reset-success'],
body[id*='auth-registration'] {
  background-image: url(../page-backgrounds/auth.jpg); }

/*body[id*='auth-login'],
body[id*='web-layout-password-default']{background-image: none;}*/
/* error page */
/*
body[class*='page-node-4'],
body[class*='page-node-5'],
body[class*='page-node-6'] {
  background-image: url(../page-backgrounds/error-page.jpg); }
  body[class*='page-node-4'] #page-title, body[class*='page-node-4'] .breadcrumbs, body[class*='page-node-4'] .action-links,
  body[class*='page-node-5'] #page-title,
  body[class*='page-node-5'] .breadcrumbs,
  body[class*='page-node-5'] .action-links,
  body[class*='page-node-6'] #page-title,
  body[class*='page-node-6'] .breadcrumbs,
  body[class*='page-node-6'] .action-links {
    display: none; }
  body[class*='page-node-4'] .node-page, body[class*='page-node-4'] #character-info, body[class*='page-node-4'] .page-media .content > .media, .page-media body[class*='page-node-4'] .content > .media,
  body[class*='page-node-5'] .node-page,
  body[class*='page-node-5'] #character-info,
  body[class*='page-node-5'] .page-media .content > .media,
  .page-media body[class*='page-node-5'] .content > .media,
  body[class*='page-node-6'] .node-page,
  body[class*='page-node-6'] #character-info,
  body[class*='page-node-6'] .page-media .content > .media,
  .page-media body[class*='page-node-6'] .content > .media {
    border: 0;
    background: transparent;
    margin-top: 300px;
    color: #f8f3bd; }
    body[class*='page-node-4'] .node-page h2, body[class*='page-node-4'] #character-info h2, body[class*='page-node-4'] .page-media .content > .media h2, .page-media body[class*='page-node-4'] .content > .media h2,
    body[class*='page-node-5'] .node-page h2,
    body[class*='page-node-5'] #character-info h2,
    body[class*='page-node-5'] .page-media .content > .media h2,
    .page-media body[class*='page-node-5'] .content > .media h2,
    body[class*='page-node-6'] .node-page h2,
    body[class*='page-node-6'] #character-info h2,
    body[class*='page-node-6'] .page-media .content > .media h2,
    .page-media body[class*='page-node-6'] .content > .media h2 {
      font-size: 60px;
      text-shadow: 1px 1px 8px #7B310C, 1px 1px 10px #7B310C; }
      body[class*='page-node-4'] .node-page h2 b, body[class*='page-node-4'] #character-info h2 b, body[class*='page-node-4'] .page-media .content > .media h2 b, .page-media body[class*='page-node-4'] .content > .media h2 b,
      body[class*='page-node-5'] .node-page h2 b,
      body[class*='page-node-5'] #character-info h2 b,
      body[class*='page-node-5'] .page-media .content > .media h2 b,
      .page-media body[class*='page-node-5'] .content > .media h2 b,
      body[class*='page-node-6'] .node-page h2 b,
      body[class*='page-node-6'] #character-info h2 b,
      body[class*='page-node-6'] .page-media .content > .media h2 b,
      .page-media body[class*='page-node-6'] .content > .media h2 b {
        display: block;
        margin-left: 80px;
        font-size: 68px; }
    body[class*='page-node-4'] .node-page p, body[class*='page-node-4'] #character-info p, body[class*='page-node-4'] .page-media .content > .media p, .page-media body[class*='page-node-4'] .content > .media p,
    body[class*='page-node-5'] .node-page p,
    body[class*='page-node-5'] #character-info p,
    body[class*='page-node-5'] .page-media .content > .media p,
    .page-media body[class*='page-node-5'] .content > .media p,
    body[class*='page-node-6'] .node-page p,
    body[class*='page-node-6'] #character-info p,
    body[class*='page-node-6'] .page-media .content > .media p,
    .page-media body[class*='page-node-6'] .content > .media p {
      margin-left: 82px;
      text-shadow: 1px 1px 2px #7B310C, 1px 1px 3px #7B310C; }
*/

/* - STRUCTURE -------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* - header/nav ------------------------------------------- */
/* -------------------------------------------------------- */
body > #userbar {
	background-color: #000;
	background: url(http://dl.dropboxusercontent.com/u/60097659/css/headerbar2.png) repeat-x center top;
}
body > div > div > header > nav > a:first-child {
  width: 244px;
  height: 121px;
  outline: none;
  background-position: 100% 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-left: 1.5em; }

html[lang="en"] header.character > .logo,
html[lang="en"] .header-wrap > header > nav > a:first-child {
  background-image: url(http://dl.dropboxusercontent.com/u/60097659/css/logo.png); }

html[lang="fr"] header.character > .logo,
html[lang="fr"] .header-wrap > header > nav > a:first-child {
  background-image: url(http://dl.dropboxusercontent.com/u/60097659/css/logo.png); }

html[lang="de"] header.character > .logo,
html[lang="de"] .header-wrap > header > nav > a:first-child {
  background-image: url(http://dl.dropboxusercontent.com/u/60097659/css/logo.png); }

.header-wrap {
	margin-bottom: 30px;
  position: relative;
  background: url(http://dl.dropboxusercontent.com/u/60097659/css/headerbar2.png) repeat-x center top;
  width: 100%;
  box-shadow: 0 0 16px 2px black; }
  .front .header-wrap {
  	margin-bottom: 0;
    z-index: 1; }

.header-wrap > header > nav > a:first-child {
  position: absolute;
  z-index: 1000;
  width: 244px;
  height: 80px;
  left: 0; }

.header-wrap > header {
  height: 70px;
  position: relative;
  z-index: 101;
  letter-spacing: auto;
  padding: 0;
  margin: 0 auto;
  width: 1024px; }

.header-wrap > header > nav {
  float: left;
  width: 100%;
  height: 100%; }

.header-wrap > header > nav > ul {
  padding-left: 300px;
  white-space: nowrap; }

.navmenu > li > ul {
  background-color: rgba(0, 0, 0, 0.9);
  /*background-color: rgba(0, 0, 0, .75);*/
  left: 29px;
  top: 100%;
  opacity: 0;
  -webkit-box-shadow: 0 9px 13px rgba(0, 0, 0, 0.59);
  -moz-box-shadow: 0 9px 13px rgba(0, 0, 0, 0.59);
  box-shadow: 0 9px 13px rgba(0, 0, 0, 0.59);
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.75);
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  min-width: 224px;
  width: auto;
  padding: 12px 0;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear; }
  .lt-ie9 .navmenu > li > ul {
    background: url(../transparent-black-90.png) repeat transparent; }
  .lt-ie9 .navmenu > li > ul {
    border-color: white; }

.navmenu > li {
  list-style-type: none; }

.navmenu > li > .navmenu > li {
  float: none; }

.navmenu > li:first-child > ul {
  left: -11px; }

ul.navmenu > li > a:hover + ul {
  display: block; }

.navmenu > li:hover > ul li:hover {
  background: none; }

ul.navmenu a {
  font-size: 17px;
  padding: 8px 12px;
  text-decoration: none;
  color: #e9e2ba;
  /* pale gold */
  font-family: 'GoudyTrajan';
  font-weight: bold; }

ul.navmenu > li:hover > a,
ul.navmenu li li a:hover,
ul.navmenu a.menu-active {
  text-shadow: 0px 0px 6px #e9e2ba, 0px 0px 3px #e9e2ba;
  color: #fffff1; }

nav.main > ul.navmenu > li > a.game-account-signup {
  padding-right: 50px; }

nav.main > ul.navmenu > li > a.game-account-signup:after {
  position: absolute;
  width: 50px;
  height: 62px;
  top: 10px;
  right: -5px;
  background: url(../the-one-ring.png) no-repeat 0 0;
  content: ""; }

nav.main > ul.navmenu > li > a {
  line-height: 60px;
  padding: 10px 0 0;
  display: block;
  margin: 0; }

ul.navmenu > li > ul > li > a {
  font-size: 15px;
  white-space: nowrap;
  display: block; }

.navmenu .navmenu .navmenu {
  display:none; }

/* prevent 3rd-tier menu items in the nav from appearing */
body div header nav.main > ul > li {
  position: relative;
  padding-left: 40px;
  background: url(http://dl.dropboxusercontent.com/u/60097659/css/nav-item-divider.png) 16px 50% no-repeat; }

body div header nav.main > ul > li:first-child {
  padding-left: 0;
  background: none; }

ul.navmenu > li > ul li {
  padding: 0; }

nav.main aside div.content a {
  white-space: nowrap; }

/* prevent collapse of container due to wrapping inline text */
.front .five.column {
  margin-top: 650px; }

/* page-node-5 is the error page */
body[class*='page-media'] #block-system-main > .content > * {
  margin-left: 280px; }

#block-system-main .content .content {
  width: auto; }

/* -------------------------------------------------------- */
/* - footer ----------------------------------------------- */
/* -------------------------------------------------------- */
.page-wrap,
.footer-wrap {
  width: 100%; }

.front .page-wrap {
  position: relative;
  margin-bottom: 20px; }

.front .footer-wrap {
  position: relative;
  z-index: 10;
  /* footer must sit on top of slider graphic */
  margin-top: -447px;
  padding-top: 424px; }

.footer-wrap {
  background-image: url(http://dl.dropboxusercontent.com/u/60097659/css/footer-border.png), url(http://dl.dropboxusercontent.com/u/60097659/css/footer-background-2.png);
  background-repeat: repeat-x, no-repeat;
  background-position: 0 0, 50% 0;
  padding-top: 176px; }

.not-front .footer-wrap,
.vb .footer-wrap,
.character .footer-wrap,
.account .footer-wrap {
          padding-top: 1px;
          height: 365px; }
  
body > div > div > footer {
  line-height: normal;
  width: 1024px;
  margin-bottom: 0;
  padding-bottom: 0; }

.footer-wrap a, .footer-wrap p {
  color: #666;
  font-size: 1.2em;
  font-family: arial, helvetica, san-serif;
  font-weight: 700; }

.footer-wrap a {
  text-decoration: none;
  font-variant: normal; }

.page > div > footer a:hover {
  color: #bdbdbd; }

.language {
	display: none;
  margin: 0;
  padding-bottom: 1em;
  background: url(../global/footer-divider.png) no-repeat 50% 100%; }

.language > nav > ul > li {
  margin: 0 1em; }

.language > nav > ul > li,
footer .legal_links a {
  position: relative; }

.language > nav > ul > li:first-child:before,
footer .legal_links a:first-child:before {
  display: none; }

.language > nav > ul > li:before,
footer .legal_links a:before {
  content: '\25CF';
  position: absolute;
  color: #666; }

.language > nav > ul > li:before {
  left: -1.25em;
  font-size: 1.2em;
  line-height: 1.4em; }

footer .legal_links a:before {
  left: -4px;
  font-size: 1em; }

.language > nav > ul > li:first-child {
  margin-left: 0; }

footer .legal_links {
  margin-top: 125px; 
  }

.footer_logos {
  height: 100%;
  padding-bottom: 20px; }

.product_logos img {
  margin-left: 10px; }

.product_logos > img:first-child {
  margin-left: 0; }

.footer_logos img {
	margin: 0 10px;
	height: 65px;
  vertical-align: top; }

.footer_logos .rating_logos {
  color: #666; }
  .footer_logos .rating_logos .region {
    display: inline-block;
    vertical-align: top; }
    .footer_logos .rating_logos .region span {
      display: block;
      margin-bottom: .3em;
      text-align: left;
      font-weight: bold; }
  .footer_logos .rating_logos a {
    padding: 0;
    margin-right: 10px; }
    .footer_logos .rating_logos a[href*="pegi"] img, .footer_logos .rating_logos a[href*="usk"] img {
      width: 52px; }
    .footer_logos .rating_logos a img {
      display: inline-block; }

.legal_copy {
  padding: 0 45%;
  font-size: .7em;
  position: relative; }

.legal_copy p {
  margin-bottom: 1em;
  text-align: justify;
  font-weight: normal;
  -moz-text-align-last: center;
  -webkit-text-align-last: center;
  text-align-last: center; }

footer nav.social {
	bottom: 200px;
  width: 100%;
  height: 30px; }

footer .social ul {
  text-align: center;
  margin: 0;
  padding: 0; }

footer .social a.facebook,
footer .social a.twitter,
footer .social a.youtube {
  background: url(../global/footer-social-icons.png) no-repeat;
  height: 25px;
  width: 30px;
  display: block;
  text-indent: -9999px;
  padding: 0; }

footer .social li {
  margin-left: 2px; }

footer .social > ul > li:first-child {
  margin: 0; }

footer .social a.facebook {
  background-position: 0 0; }

footer .social a.twitter {
  background-position: -30px 0; }

footer .social a.youtube {
  background-position: 100% 0; }

footer .social a.facebook:hover {
  background-position: 0 -25px; }

footer .social a.twitter:hover {
  background-position: -30px -25px; }

footer .social a.youtube:hover {
  background-position: 100% -25px; }

/* ---------------------------------
General Pages
----------------------------------- */
.black-box, .node-page, .block-aggregator, .content .view, #character-info, .page-media .content > .media, .slide-content.image aside.caption-box, body.page-news a.article-item, .node-news, .node-article, #account-index-index .column, #web-layout-password-default .column, #web-layout-profile-default .column, #account-subscriptions-index .column, #password-change-index .column, #profile-notifications-index .column {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.18);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px; }
  .lt-ie9 .black-box, .lt-ie9 .node-page, .lt-ie9 .content .view, .lt-ie9 #character-info, .lt-ie9 .page-media .content > .media, .page-media .lt-ie9 .content > .media, .lt-ie9 .slide-content.image aside.caption-box, .slide-content.image .lt-ie9 aside.caption-box, .lt-ie9 body.page-news a.article-item, body.page-news .lt-ie9 a.article-item, .lt-ie9 .node-news {
    border-color: white; }
  .lt-ie9 .black-box, .lt-ie9 .node-page, .lt-ie9 .content .view, .lt-ie9 #character-info, .lt-ie9 .page-media .content > .media, .page-media .lt-ie9 .content > .media, .lt-ie9 .slide-content.image aside.caption-box, .slide-content.image .lt-ie9 aside.caption-box, .lt-ie9 body.page-news a.article-item, body.page-news .lt-ie9 a.article-item, .lt-ie9 .node-news {
    background: url(../transparent-black-80.png) repeat transparent; }

.node-page, .content .view, #character-info, .page-media .content > .media {
  padding-left: 20px;
  margin-top: -14px;
  margin-left: 100px;
  margin-right: 300px; }
  .node-page .content, .content .view, #character-info .content, .page-media .content > .media .content {
    margin-bottom: 0; }
  .node-page section, .content .view section, #character-info section, .page-media .content > .media section {
    margin-bottom: 2em; }
  .node-page .read-more a, .content .view .read-more a, #character-info .read-more a, .page-media .content > .media .read-more a {
    width: 180px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.3; }
    
    .two.column .node-page,
    .three.column .node-page,
    .four.column .node-page,
    .five.column .node-page,
    .six.column .node-page {
	    margin-left: 0;
	    margin-right: 0;	    
    }
    .two.column .content,
    .three.column .content,
    .four.column .content,
    .five.column .content,
    .six.column .content {
	    width: auto;
    }

.column-basic-page.column {
  display: table;
  float: none; }
.column-basic-page.three .span-2 {
  display: table-cell;
  float: none;
  width: 490px; }
.column-basic-page.three .span-1 {
  display: table-cell;
  float: none;
  width: 190px; }
.column-basic-page .align-bottom {
  vertical-align: bottom; }
  .column-basic-page .align-bottom .read-more {
    margin-bottom: 1.5em; }
.column-basic-page.separator {
  margin-bottom: 15px; }

.separator {
  padding-bottom: 1px;
  background: url(../race-separator.png) no-repeat bottom center transparent; }

/* ---------------------------------
Common Widgets
----------------------------------- */
/* Link Arrow */
/* Buttons */
.button-appearance, .button, input[type="submit"], .more-link a, .front .block-community-news .more-link a, .slide-content .action, .gallery .more, .fancybox.alternates a, .read-more a, .pager a {
  font-family: 'GoudyTrajan-Bold';
  font-style: normal;
  color: #e9e2ba !important;
  text-decoration: none;
  background: none !important;
  padding: 0 .8em;
  line-height: 24px;
  font-size: 1.1em;
  letter-spacing: .02em; }
  .button-appearance a, .button a, input[type="submit"] a, .more-link a a, .front .block-community-news .more-link a a, .slide-content .action a, .gallery .more a, .fancybox.alternates a a, .read-more a a, .pager a a {
    color: #000;
    text-decoration: none; }

.button, input[type="submit"], .more-link a, .front .block-community-news .more-link a, .slide-content .action, .gallery .more, .fancybox.alternates a {
  display: block;
  float: right; }

a.button[href*='.pdf']:after, .more-link a[href*='.pdf']:after, .front .block-community-news .more-link a[href*='.pdf']:after, .slide-content a[href*='.pdf'].action:after, .gallery a[href*='.pdf'].more:after, .fancybox.alternates a[href*='.pdf']:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../pdficon_small.png);
  background-position: center right;
  background-repeat: no-repeat;
  margin-left: 5px;
  vertical-align: text-top; }

.read-more {
  display: block;
  float: right; }
  .read-more a {
    position: relative;
    display: block;
    margin-right: 0; }
    .read-more a:after {
      content: "";
      position: absolute;
      right: -0.7em;
      top: 0.38em;
      width: 0;
      height: 0;
      border-top: 0.4em solid transparent;
      border-bottom: 0.4em solid transparent;
      border-left: 0.4em solid black; }
    .read-more a:hover:after {
      border-left: 0.4em solid black; }
    .read-more a:after {
      position: static;
      margin-left: 8px;
      display: inline-block; }

.image-button, .button-download-pc, .button-download-mac, .button-play-instantly {
  display: inline-block;
  width: 285px;
  height: 68px;
  text-indent: -999em;
  background-repeat: none;
  background-color: transparent;
  background-position: top center; }
  .image-button:hover, .button-download-pc:hover, .button-download-mac:hover, .button-play-instantly:hover {
    background-position: bottom center; }

/* Navigation Arrows */
.arrow, .fancybox-nav .arrow-bg {
  position: absolute;
  display: block;
  top: 50%;
  opacity: 1 !important;
  width: 40px;
  height: 60px;
  margin-top: -30px;
  text-indent: -999em;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.27);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.27);
  background: #808080;
  background: url();
  background: -moz-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, gray), color-stop(50%, #bebebe), color-stop(100%, gray));
  background: -webkit-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -o-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -ms-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
              /*.lt-ie10 & {
filter: none; /* this allows SVG gradient in IE9 per above style */
  /*&:hover:before {
  	@include background-color-rgba(251,250,202,.25);
  }*/ }
  .lt-ie9 .arrow, .lt-ie9 .fancybox-nav .arrow-bg, .fancybox-nav .lt-ie9 .arrow-bg {
    border-color: white; }
  .lt-ie9 .arrow, .lt-ie9 .fancybox-nav .arrow-bg, .fancybox-nav .lt-ie9 .arrow-bg {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebebe', endColorstr='#808080',GradientType=0 ); }
  .arrow:before, .fancybox-nav .arrow-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: ""; }
  .arrow:hover, .fancybox-nav .arrow-bg:hover {
    cursor: pointer;
    background: #b6b6a1;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a5a593), color-stop(52%, #e0e0c9), color-stop(100%, #a5a593));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #a5a593 0%, #e0e0c9 52%, #a5a593 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* IE10+ */
    background: linear-gradient(-45deg, #b6b6a1 0%, #d6d6c0 51%, #b6b6a1 100%);
    /* W3C */ }
    .lt-ie9 .arrow:hover, .lt-ie9 .fancybox-nav .arrow-bg:hover, .fancybox-nav .lt-ie9 .arrow-bg:hover {
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6c0', endColorstr='#b6b6a1',GradientType=0 );
      /* IE6-8 fallback on horizontal gradient */ }
  .arrow a, .fancybox-nav .arrow-bg a, .arrow .arrow-arrow, .fancybox-nav .arrow-bg .arrow-arrow {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative;
    background: url(../homepage/slider-arrow.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    text-indent: -999em; }

.arrow.back, .fancybox-nav .back.arrow-bg, .fancybox-prev .arrow-bg {
  left: 0 !important;
  border-width: 1px 1px 1px 0; }
  .arrow.back, .fancybox-nav .back.arrow-bg, .fancybox-prev .arrow-bg, .arrow.back:before, .fancybox-nav .back.arrow-bg:before, .fancybox-prev .arrow-bg:before {
    -moz-border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0; }

.arrow.forward, .fancybox-nav .forward.arrow-bg, .fancybox-next .arrow-bg {
  right: 0 !important;
  border-width: 1px 0 1px 1px; }
  .arrow.forward, .fancybox-nav .forward.arrow-bg, .fancybox-next .arrow-bg, .arrow.forward:before, .fancybox-nav .forward.arrow-bg:before, .fancybox-next .arrow-bg:before {
    -moz-border-radius: 7px 0 0 7px;
    -webkit-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px; }
  .arrow.forward a, .fancybox-nav .forward.arrow-bg a, .fancybox-next .arrow-bg a, .arrow.forward .arrow-arrow, .fancybox-nav .forward.arrow-bg .arrow-arrow, .fancybox-next .arrow-bg .arrow-arrow {
    background-position: 50% 100%; }

/* Close button */
.close, #character-single-wrap .close, .fancybox-close {
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 5;
  text-decoration: none;
  color: #fff;
  font-family: GoudyTrajan;
  font-weight: bold;
  font-size: 15px; }

/* Pagination Controls */
.pager {
  vertical-align: middle;
  float: right;
  font-family: 'GoudyTrajan-Bold'; }
  .pager a {
    font-size: 0.9em;
    padding: .1em .2em; }
    .pager a.current {
      color: #fff;
      background: none;
      filter: none;
      text-shadow: none;
      box-shadow: none;
      border: 0; }
  .pager li.pager-current {
    color: #fff;
    background: none;
    filter: none;
    text-shadow: none;
    box-shadow: none;
    border: 0; }

.item-list .pager li {
  margin: 0;
  padding: 0; }

/* - HOMEPAGE --------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* - content ---------------------------------------------- */
/* -------------------------------------------------------- */
.front .content {
  width: auto; }

.front .five.column {
  margin-top: 725px;
  width: 960px;
  position: relative;
  /* article teasers & promo graphics must sit on top of footer */
  z-index: 100; }

.front .span-3 {
  padding: 0;
  margin-right: 20px;
  background: rgba(0, 0, 0, .7);
  border: 4px solid rgba(255, 255, 255, .1);
  width: 616px;
  height: 326px; }

.front .five > .span-2 {
  width: 310px; }

/*
.front .span-3 {
  position: relative;
}

.front .block-community-news {
  background: url(../homepage/article-teaser-bg-center.png) 24px top no-repeat;
  height: 326px;
  border: 1px solid red;
  float: left;
  width: 580px;
  margin-right: 24px;
}

.front  .block-community-news:before {
  display: block;
  content: "";
  background: url(../homepage/article-teaser-bg-left.png) left top no-repeat;
  width: 24px;
  height: 326px;
  border: 1px solid green;
  float: left;
}

.front  .block-community-news:after {
  display: block;
  content: "";
  background: url(../homepage/article-teaser-bg-right.png) right top no-repeat;
  width: 24px;
  height: 326px;
  border: 1px solid blue;
  position: absolute;
  right: -24px;
  top: 0;
}
*/
.front .span-3 h2 {
	color: #e9e2ba;
  font-size: 18px;
  margin: 17px 34px; }

.front .news-teaser {
  height: 85px;
  overflow: hidden;
  margin: 0 34px 10px 34px; }

.front .news-teaser > a {
  position: absolute; }

.front .news-teaser > h5,
.front .news-teaser > time,
.front .news-teaser > nav,
.front .news-teaser > .news.content {
  margin-left: 190px; }

.front .news-teaser > h5 a {
	color: #ba852d;
  font-size: 13px;
  text-decoration: none; }

.front .news-teaser > .news.content {
  margin-bottom: 0;
  position: relative;
  /* necessary for read-more arrow positioning */ }

.front .news-teaser > .news.content p {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  margin: 0; }

.front .news-teaser > .news.content a {
  color: #e9e2ba;
  display: block;
  /* necessary for read-more arrow positioning */
  float: left;
  /* necessary for read-more arrow positioning */ }

/* read-more arrow */
.front .news-teaser > .news.content a:after {
  content: "";
  display: block;
  float: right;
  margin: 3px 0 0 5px;
  border-color: transparent transparent transparent #e9e2ba;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0; }

.front .news-teaser > .news.content a:hover {
  color: #fff; }

.front .news-teaser > .news.content a:hover:after {
  border-color: transparent transparent transparent white; }

.front .news-teaser > .news-teaser p {
  display: inline;
  margin: 0; }

.front .block-community-news .more-link {
  margin: 0 34px; }

.ie9 .front .block-community-news .more-link a {
  filter: none; }

/* this allows SVG gradient in IE9 per above style */
/* -------------------------------------------------------- */
/* - anything slider -------------------------------------- */
/* -------------------------------------------------------- */
.anythingSlider {
  /*height: 648px !important;*/
  height: 660px !important;
  width: 100% !important;
  margin-left: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.anythingSlider .anythingWindow {
  width: 100%;
  overflow: visible;
  margin: auto; }
  
.anythingSlider .anythingBase {
	width: 100% !important;
}

ul.slider li {
  width: 100% !important; }

.anythingSlider .panel {
  height: 100% !important; }

.anythingSlider-turbine .anythingControls {
  width: 980px;
  margin: 0 auto; }

/* moved arrow */
/* arrow overrides */
.anythingSlider-turbine .arrow a, .anythingSlider-turbine .fancybox-nav .arrow-bg a, .fancybox-nav .anythingSlider-turbine .arrow-bg a {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
  background-image: url(../homepage/slider-arrow.png);
  background-position: 50% 0; }
  .anythingSlider-turbine .arrow a:hover, .anythingSlider-turbine .fancybox-nav .arrow-bg a:hover, .fancybox-nav .anythingSlider-turbine .arrow-bg a:hover {
    background-position: 50% 0; }
.anythingSlider-turbine .arrow.forward a, .anythingSlider-turbine .fancybox-nav .forward.arrow-bg a, .fancybox-nav .anythingSlider-turbine .forward.arrow-bg a, .anythingSlider-turbine .fancybox-next .arrow-bg a, .fancybox-next .anythingSlider-turbine .arrow-bg a {
  background-position: 50% 100%; }

.anythingSlider-turbine .anythingControls {
  text-align: center; }

.anythingSlider-turbine .anythingControls .start-stop {
  display: none !important; }

.anythingSlider-turbine .anythingControls ul,
.anythingSlider-turbine .anythingControls ul li {
  float: none; }

.anythingSlider-turbine .anythingControls ul {
  position: relative;
  top: -40px; }

.anythingSlider-turbine .anythingControls ul li {
  display: inline-block; }

.anythingSlider-turbine .anythingControls ul li.last > a {
  margin-right: 0; }

.anythingSlider-turbine .anythingControls ul a {
  display: block;
  position: relative;
  height: 18px;
  width: 18px;
  margin-right: 4px;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #808080;
  background: url();
  background: -moz-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, gray), color-stop(50%, #bebebe), color-stop(100%, gray));
  background: -webkit-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -o-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: -ms-linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%);
  background: linear-gradient(-45deg, gray 0%, #bebebe 50%, gray 100%); }
  .lt-ie9 .anythingSlider-turbine .anythingControls ul a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebebe', endColorstr='#808080',GradientType=0 ); }

.anythingSlider-turbine .anythingControls a.cur {
  background: #4b4b4b;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url();
  background: -moz-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4b4b4b), color-stop(50%, #707070), color-stop(100%, #4b4b4b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #4b4b4b 0%, #707070 50%, #4b4b4b 100%);
  /* W3C */ }
  .lt-ie9 .anythingSlider-turbine .anythingControls a.cur {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#4b4b4b',GradientType=0 );
    /* IE6-8 fallback on horizontal gradient */ }

.anythingSlider-turbine .anythingControls ul a > span {
  display: none; }

.slide-content {
  width: 100%; }
  .slide-content a > * {
    color: #fff;
    text-decoration: none; }
  .slide-content a.action {
    color: #313131; }
  .slide-content .rawhtml-container {
    position: relative; }

.slide-content.rawhtml .rawhtml-container h2,
.slide-content.rawhtml .rawhtml-container h2 > strong {
  color: #ede9bc;
  text-shadow: 0 0 1px #b38c09, 0 0 1px #b38c09, 0 0 1px #b38c09, 0 0 1px #b38c09, 0 0 1px #b38c09;
  width: auto;
  float: left;
  font-variant: small-caps;
  clear: both;
  line-height: .8em; }

.slide-content.rawhtml .rawhtml-container h2 {
  font-size: 2em;
  margin: 15px 0 36px; }

.slide-content.rawhtml .rawhtml-container h2 > strong {
  font-size: 2em; }

.slide-content {
	width: 100% !important;
	background-size: cover;
  /*some styles for ocr*/ }
  .slide-content .action {
    line-height: 30px;
    font-size: 1.6em;
    padding: 0 1em 0 .5em;
    position: relative;
    position: relative; }
    .slide-content .action:after {
      content: "";
      position: absolute;
      right: -0.7em;
      top: 0.38em;
      width: 0;
      height: 0;
      border-top: 0.4em solid transparent;
      border-bottom: 0.4em solid transparent;
      border-left: 0.4em solid #313131; }
    .slide-content .action:hover:after {
      border-left: 0.4em solid #313131; }
    .slide-content .action:after {
      right: 0.2em; }
  .slide-content.image {
  	width: 100% !important;
  	max-width: 100% !important;
    text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; }
    .slide-content.image > a > img {
      display: block; 
      height: 100%; }
    .slide-content.image aside {
    	position: relative;
      background: rgba(0, 0, 0, .7);
      border: 1px solid rgba(255, 255, 255, .4);
      box-shadow: 0 0 10px #000;
      width: 50%; }
      .slide-content.image aside.caption-box {
        -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); }
        .slide-content.image aside.caption-box h2 {
          font-size: 2.5em; }
      .slide-content.image aside.top {
        top: 60px; }
      .slide-content.image aside.bottom {
        bottom: -450px; }
      .slide-content.image aside.center {
        left: 25%;
        text-align: left; }
      .slide-content.image aside.left {
        left: 10px; }
      .slide-content.image aside.right {
        text-align: left;
        right: 10px; }
    .slide-content.image a {
      text-decoration: none; }
      .slide-content .caption_wrapper {
	      display: block;
	    	margin: 0 auto;
	    	width: 960px;
	    	height: 100%;
      }
      .slide-content.image a > * {
        color: #fff; }
      .slide-content.image a.action {
        color: #313131; }
  .slide-content.video {
    height: 604px;
    margin-top: 40px; }
    .slide-content.video .yt-video {
      width: 100%; }
    .slide-content.video .player-wrapper {
      padding: 0; }
    .slide-content.video aside {
      position: absolute;
      display: none; }
  .slide-content h2 {
    color: #f8f3bd;
    text-shadow: 0 0 0.2em #e09d0d, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black;
    margin-bottom: 6px;
    font-size: 4em; }
    .lt-ie10 .slide-content h2 {
      filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); }
  .slide-content p {
    padding: 0;
    margin-bottom: .5em;
    text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; }
  .slide-content h2.drop-shadow {
    text-shadow: 0 0 0.2em #e09d0d, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; }
  .slide-content .drop-shadow {
    text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black; }
  .slide-content .no-shadow {
    text-shadow: none; }

ul.slider {
  height: 690px; }

#toolbar a {
  font-family: 'Lucida Grande', Verdana, sans-serif;
  font-size: 11px;
  font-variant: normal; }

.anything-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background-position: 50% 0 !important;
  background-repeat: no-repeat !important; }

.anything-slider-bg.activePage {
  opacity: 1;
  filter: alpha(opacity=100); }

/* ---------------------------------
Promo banner
----------------------------------- */
.promobox {
  display: block;
  width: auto;
  height: 230px;
  background: rgba(0, 0, 0, .7);
  border: 4px solid rgba(255, 255, 255, .1);
  text-decoration: none; }

.promobox h3 {
	display: block;
	padding: 100px 20px 20px 20px;
	height: 100%;
	color: #ba852d;
	font-size: 25px;
	text-shadow: 0 0 10px #000;
	background: rgba(0, 0, 0, .7) url(../homepage/promo.jpg) no-repeat 0 0;
}
  
.promobox.download {
	padding: 0;
	height: auto;
	background: none;
	border: none;
}
.promobox.download img {
	width: 100%;
}

/* - CHARACTER PAGES -------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* - main ------------------------------------------------- */
/* -------------------------------------------------------- */
/*
.menu-characters .content > * {
  position: relative;
  z-index: 1; }

#character-wrap {
  position: absolute;
  top: 148px;
  height: 490px;
  width: 960px;
  margin-left: 35px;
  z-index: 0; }

#character-wrap figure,
#character-wrap figure > a,
#character-wrap figcaption {
  position: absolute; }

#character-wrap figure {
  z-index: 0;
  bottom: 0;
  display: block;
  height: 100%;
  overflow: visible; }

#character-wrap figure:hover {
  z-index: 1; }

#character-wrap figure:hover figcaption {
  display: block; }

#character-wrap figcaption {
  left: -25%;
  width: 150%;
  text-align: center;
  display: none;
  opacity: 0; }

#character-wrap figcaption h2 {
  font-size: 3em;
  margin: 0;
  padding-bottom: 16px;
  background: url(../global/headline-decor.png) no-repeat 50% 100%; }

#character-wrap figcaption p {
  font-size: 1em;
  text-shadow: 0 0 2px #000; }

figure#hobbit {
  width: 187px;
  left: 0; }

figure#elf {
  width: 237px;
  left: 180px; }

figure#rom {
  width: 297px;
  left: 358px; }

figure#dwarf {
  width: 279px;
  left: auto;
  right: 0; }

#character-wrap figure img {
  display: block;
  width: 100%;
  height: auto; }

figure#hobbit > a {
  bottom: 40px; }

figure#elf > a {
  bottom: 65px; }

figure#rom > a {
  bottom: 0; }

figure#dwarf > a {
  bottom: 50px; }

figure#hobbit > figcaption {
  bottom: 0; }

figure#elf > figcaption {
  bottom: 15%; }

figure#rom > figcaption {
  bottom: 20%; }

figure#dwarf > figcaption {
  bottom: 10%; }
*/
  
/* -------------------------------------------------------- */
/* - Chips ------------------------------------- */
/* -------------------------------------------------------- */
.chips figure {
	float: left;
	margin: 0 15px 15px 0;
	width: 210px;
}
	.chips figure img {
		width: 100%;
	}
	.chips figcaption {
		text-align: center;
	}
	
/* -------------------------------------------------------- */
/* - Community ------------------------------------- */
/* -------------------------------------------------------- */
.community .column {
	width: 960px;
}
.community .banner img {
	margin-bottom: 20px;
}
.community .span-2 .block {
	margin-bottom: 10px;
	width: 292px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.18);
	background-color: rgba(0, 0, 0, 0.8);
	padding: 10px;
}
.community .block-aggregator ul {
	list-style: none;
}
	.community .block-aggregator ul li {
		margin-left: 0;
	}
.community .block-aggregator .more-link a {
	float: none;
}
.community .feed-item-summary div {
	display: inline;
}
.community .span-2 {
	width: 300px;
}
.community .span-4 {
	width: 660px;
}
.community .span-4 #block-system-main {
	margin-top: 14px;
}

/* -------------------------------------------------------- */
/* - Character Copy ------------------------------------- */
/* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* - single character ------------------------------------- */
/* -------------------------------------------------------- */
#character-single-wrap {
  min-height: 700px; }

div[id^="character-single-hero"] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  padding: 0 400px;
  left: -400px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-repeat: no-repeat; }

/* @TODO Remove */
#character-single-hero-hobbit {
  background: url(../classes/lotro-hobbit-hero.png) no-repeat 100px 170px; }

#character-single-hero-elf {
  background: url(../classes/lotro-elf-hero.png) no-repeat 125px 0; }

#character-single-hero-rom {
  background: url(../classes/lotro-race-of-man-hero.png) no-repeat 10px 0; }

#character-single-hero-dwarf {
  background: url(../classes/lotro-dwarf-hero.png) no-repeat 50px 0; }

#character-info {
  padding-left: 1em;
  position: relative;
  z-index: 0;
  width: 716px;
  margin-bottom: 15px;
  float: right; }

#character-info h2 {
  font-size: 3.5em;
  margin-bottom: 15px; }

#character-info h3 {
  margin-bottom: 0; }

#character-classes > h3 {
  font-size: 17px;
  margin-left: 15px;
  margin-bottom: 10px; }

#character-info article {
  padding-bottom: 30px;
  padding-left: 1em;
  margin-bottom: 15px;
  float: left;
  background: url(../race-separator.png) no-repeat bottom center transparent; }

#character-info article p {
  width: 70%;
  float: right; }

#character-info .more {
  display: block; }
  #character-info .more a {
    position: relative;
    margin-right: 1em; }
    #character-info .more a:before {
      content: "";
      position: absolute;
      right: -0.7em;
      top: 0.38em;
      width: 0;
      height: 0;
      border-top: 0.4em solid transparent;
      border-bottom: 0.4em solid transparent;
      border-left: 0.4em solid #e9e2ba; }
    #character-info .more a:hover:before {
      border-left: 0.4em solid #fbfaca; }

#character-info article aside {
  width: 30%;
  float: left; }

#character-info figcaption {
  margin-bottom: 15px; }

#character-info aside img {
  border: 1px solid #6D6B6B; }

#character-info .more-videos {
  display: block; }

#character-single-wrap .close, #character-single-wrap .fancybox-close {
  top: 43px;
  right: 60px; }

#character-single-wrap .forward {
  float: right; }
#character-single-wrap .back {
  float: left; }

#character-single-wrap section {
  padding: 0; }

/* @TODO Remove */
#character-classes section {
  margin-bottom: 15px; }

#character-classes section:last-child {
  margin-bottom: 0; }

#character-classes h2 {
  margin: 25px 0 10px;
  padding-left: 1em;
  font-size: 18px; }

#character-classes h4 {
  font-size: 25px;
  margin-bottom: 20px; }

#character-classes h5 {
  margin-bottom: 0; }

.grid-4 {
  float: left;
  width: 25%; }

.grid-2 {
  float: left;
  width: 50%; }

ul#class-icons {
  list-style-type: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%; }

#class-icons li:before,
#class-icons a {
  /*background-image: url(../classes/class-icon-sprite.png);*/
  background-repeat: no-repeat; }

#class-icons li:before {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  content: ""; }

#class-icons li,
#class-icons li:before {
  background-position: 50% 200%;
  background-repeat: no-repeat; }

#class-icons li {
  width: 73px;
  height: 71px;
  position: relative;
  float: left; }

#class-icons li,
#class-icons li.active {
  -moz-border-radius: 50% 50% 0 0;
  -webkit-border-radius: 50% 50% 0 0;
  border-radius: 50% 50% 0 0; }

#class-icons li.active,
#character-single-wrap section > div {
  background-color: rgba(63, 63, 63, 0.8); }
  .lt-ie9 #class-icons li.active, .lt-ie9
  #character-single-wrap section > div {
    background-color: #3f3f3f; }

#class-icons li.active:before {
  background-position: 50% 100%; }

#class-icons a {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  background-position: 50% 0px; }

#class-icons li:hover a {
  background-position: 50% -71px; }

#class-icons li.unavailable a {
  background-position: 50% -142px; }

#character-single-wrap section > div {
  float: left;
  width: 100%;
  padding: 5px 15px;
  display: none; }

#character-single-wrap section > div.active {
  display: block; }

.character-gallery {
  display: none; }

/* - SPINNER PAGES ---------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* - spinner wheel ---------------------------------------- */
/* -------------------------------------------------------- */
.node-spinner {
  position: relative;
  width: 100%;
  height: 550px;
  margin: 30px 0 0; }

.node-spinner-content {
  width: 100%;
  height: 100%; }

.node-spinner-pane {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin-left: 300px;
  width: 450px; }

.scroller-container {
  float: right;
  width: 358px;
  text-align: right;
  margin-right: 770px; }

.scroller-container a {
  width: 100%;
  height: 17px;
  display: block;
  text-indent: -9999px;
  text-align: left;
  position: relative;
  margin-bottom: 9px; }

.scroller > ul {
  left: 0; }

.scroller > ul > li {
  padding: 0; }

.scroller > ul > li > div {
  margin-right: 3px;
  /* a little margin to account for the shadow */ }

.scroller-container a[class^='scroller'] {
  background: url(../spinner-arrows.png) no-repeat 100% 0;
  z-index: 100; }

.scroller-container a.scroller-down {
  background-position: 100% -34px; }

.scroller-container a.scroller-up:hover {
  background-position: 100% -17px; }

.scroller-container a.scroller-down:hover {
  background-position: 100% -51px; }

.scroller {
  width: 358px; }

.scroller li {
  width: 358px;
  padding: 0;
  white-space: nowrap;
  text-align: right;
  font-family: 'GoudyTrajan';
  font-weight: bold;
  font-size: 15px;
  line-height: 15px;
  text-shadow: 0px 0px 3px #000000, 1px 2px 3px #000000;
  /*filter:progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2)*/ }

.scroller li.offset_0 {
  font-size: 20px;
  line-height: 20px;
  /*color: #fddd97;*/ }

.scroller li > div {
  float: right;
  width: 100%;
  padding: 0; }

/* -------------------------------------------------------- */
/* - region/feature pages --------------------------------- */
/* -------------------------------------------------------- */
body.menu-world .pagecontent {
  height: 680px; }

.node-spinner-content {
  background: url(../spinner-content-bg.png) 260px 0px no-repeat; }

.node-spinner-pane > div {
  width: 100%;
  height: 100%; }

.node-spinner-pane h2 {
  font-size: 40px;
  margin-top: 15px; }

.menu-features .node-spinner-pane h2 {
  margin-top: 50px; }

.node-spinner-pane .level-range, .node-spinner-pane h3 {
  font-family: 'GoudyTrajan';
  font-size: 14px;
  font-weight: bold; }

.node-spinner-pane p, .node-spinner-pane h3 {
  margin-left: 2px;
  text-shadow: -1px 2px 2px black, -1px 2px 4px black; }

.node-spinner-pane h3 {
  margin-bottom: 0; }

.node-spinner-pane p {
  margin-bottom: 15px;
  text-align: justify;
  line-height: 14px; }

#page-bgs, #page-bgs div {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 985px;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat; }

body.toolbar #page-bgs div {
  background-position: center 64px; }

#page-bgs div, #char-bottom-bgs > div {
  display: none; }

#char-bottom-bgs, #char-bottom-bgs div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 470px;
  background-position: top center;
  background-repeat: no-repeat; }

#char-bottom-bgs {
  top: 731px; }

#char-bottom-bgs div {
  top: 0; }

body.menu-features .node-spinner-content {
  background: url(../features-content-bg.png) 260px 0 no-repeat; }

body.menu-features .scroller-container a {
  margin-bottom: 7px; }

/* - CATEGORY PAGES -------------------------------------- */
/* -------------------------------------------------------- */
.node-type-category-page .category-tiles {
  text-align: center; }

.node-type-category-page figure {
  margin: 10px 5px;
  display: inline-block;
  position: relative;
  width: 227px;
  height: 260px; }

.node-type-category-page figure:hover a {
  -moz-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: transform .1s linear;
  -moz-transition: transform .1s linear;
  transition: transform .1s linear; }

.node-type-category-page figure a {
  display: block;
  position: relative;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.7); }
  .lt-ie9 .node-type-category-page figure a {
    border-color: white; }

.node-type-category-page figure a:before {
  display: block;
  position: absolute;
  right: 0;
  content: " ";
  background: url(../global/category-tile-shine.png) right top no-repeat;
  width: 208px;
  height: 127px;
  opacity: 0.15; }

.node-type-category-page figcaption {
  position: absolute;
  bottom: 0;
  padding: 9px 18px;
  text-align: left;
  min-height: 110px;
  background-color: rgba(0, 0, 0, 0.85); }
  .lt-ie9 .node-type-category-page figcaption {
    background: url(../transparent-black-85.png) repeat transparent; }

.node-type-category-page h3 {
  margin-bottom: -2px;
  font-size: 16px;
  letter-spacing: 0.075em;
  text-shadow: 0 0 8px black, 0 0 4px rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2); }

.node-type-category-page p {
  line-height: 1.4em; }

/* - MEDIA ----------------------------------------------- */
/* -------------------------------------------------------- */
/* Media Page Layout */
.page-media .content > .media {
  width: 744px;
  margin-top: 0;
  margin-right: 0;
  position: relative; }
  .page-media .content > .media > section {
    float: left;
    width: 352px; }

/* Gallery Page Layout */
body.node-type-gallery .media > .gallery > ul {
  width: 744px;
  margin-left: 300px;
  margin-top: -7px; }

.gallery-footer {
  width: 744px;
  margin-left: 300px; }

/* Styles shared between the media landing page and the gallery pages */
body.page-media h2, body.node-type-gallery h2 {
  font-size: 26px;
  margin-bottom: 10px; }
body.page-media .gallery > ul:hover a, body.node-type-gallery .gallery > ul:hover a {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
  opacity: 0.4;
  filter: alpha(opacity=40); }
body.page-media .gallery > ul li, body.node-type-gallery .gallery > ul li {
  float: left;
  position: relative; }
  body.page-media .gallery > ul li a, body.node-type-gallery .gallery > ul li a {
    display: block;
    position: relative;
    width: 169px;
    height: 94px;
    margin-bottom: 7px;
    margin-right: 7px;
    overflow: hidden;
    transition-property: border-color, opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    opacity: 1;
    filter: alpha(opacity=100);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.3); }
    .lt-ie9 body.page-media .gallery > ul li a, .lt-ie9 body.node-type-gallery .gallery > ul li a {
      border-color: white; }
    body.page-media .gallery > ul li a:hover, body.node-type-gallery .gallery > ul li a:hover {
      transition-property: border-color;
      transition-duration: 0.4s;
      transition-timing-function: ease-out;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(255, 255, 255, 0.5); }
      .lt-ie9 body.page-media .gallery > ul li a:hover, .lt-ie9 body.node-type-gallery .gallery > ul li a:hover {
        border-color: white; }
    body.page-media .gallery > ul li a img, body.node-type-gallery .gallery > ul li a img {
      width: 100%;
      /*-webkit-filter: grayscale(0.8);
      filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="desaturate"><feColorMatrix type="saturate" values="0.2"/></filter></svg>#desaturate');
      filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/ }
  body.page-media .gallery > ul li:hover a, body.node-type-gallery .gallery > ul li:hover a {
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    opacity: 1;
    filter: alpha(opacity=100);
    /*-webkit-filter: grayscale(0);
    filter: none;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);*/ }
body.page-media .gallery .social, body.node-type-gallery .gallery .social {
  display: none; }
body.page-media .gallery .caption, body.node-type-gallery .gallery .caption {
   }
body.page-media .gallery .template, body.node-type-gallery .gallery .template {
  display: none; }
body.page-media .gallery span.caption, body.node-type-gallery .gallery span.caption {
  opacity: 1; }
body.page-media .videos .gallery > ul li a, body.node-type-gallery .videos .gallery > ul li a {
  width: 343px;
  height: 194px; }
  body.page-media .videos .gallery > ul li a .yt-thumb-clip, body.node-type-gallery .videos .gallery > ul li a .yt-thumb-clip {
    position: absolute;
    display: block;
    top: -100px;
    bottom: -100px;
    left: -100px;
    right: -100px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    word-break: normal; }
    body.page-media .videos .gallery > ul li a .yt-thumb-clip img, body.node-type-gallery .videos .gallery > ul li a .yt-thumb-clip img {
      width: 343px;
      display: inline-block;
      vertical-align: middle; }
  body.page-media .videos .gallery > ul li a .yt-thumb-clip-inner, body.node-type-gallery .videos .gallery > ul li a .yt-thumb-clip-inner {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    line-height: normal;
    white-space: nowrap;
    word-break: normal; }
  body.page-media .videos .gallery > ul li a .vertical-align, body.node-type-gallery .videos .gallery > ul li a .vertical-align {
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  body.page-media .videos .gallery > ul li a:after, body.node-type-gallery .videos .gallery > ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../video-thumb-icon.png) no-repeat center center transparent;
    background-size: contain; }
  body.page-media .videos .gallery > ul li a:hover .caption, body.node-type-gallery .videos .gallery > ul li a:hover .caption {
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75); }
    .lt-ie9 body.page-media .videos .gallery > ul li a:hover .caption, .lt-ie9 body.node-type-gallery .videos .gallery > ul li a:hover .caption {
      background: url(../transparent-black-75.png) repeat transparent; }

.media > div ul {
  height: 100%; }

.gallery {
  position: relative; }
  .gallery .more {
    margin-right: 7px; }
  .gallery .gallery-header {
    position: absolute;
    top: -36px;
    right: 27px; }
  .gallery .gallery-links {
    width: 280px;
    float: left; }
    .gallery .gallery-links ul {
      display: block;
      margin-top: 30px;
      text-align: right; }
    .gallery .gallery-links li {
      display: block; }
    .gallery .gallery-links a {
      color: #fff;
      text-decoration: none;
      font-size: 1.2em;
      font-family: 'GoudyTrajan';
      font-weight: bold;
      /*overrides*/
      width: auto;
      display: block;
      margin-bottom: 3px; }
    .gallery .gallery-links .active a {
      font-size: 2em;
      margin-bottom: 6px; }
  .gallery .gallery-footer {
    clear: both; }
    .gallery .gallery-footer .pager {
      display: none; }
      
.gallery span.caption {
	text-align: left;
}

/*--------------------------------------
  Fancybox
  -------------------------------------*/
.fancybox-skin {
  position: relative;
  padding: 0;
  background: #000;
  color: #fff; }
  .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.fancybox-title {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 8px;
  background-color: rgba(0, 0, 0, 0.75); }
  .lt-ie9 .fancybox-title {
    background: url(../transparent-black-75.png) repeat transparent; }
  .fancybox-title iframe {
    float: none;
    display: inline-block; }
  .fancybox-type-image .fancybox-title {
    display: block; }

.fancybox-nav {
  width: 30%;
  opacity: 0.5;
  filter: alpha(opacity=50); }
  .fancybox-type-iframe .fancybox-nav {
    height: 50%;
    margin-top: 25%; }

.fancybox-prev {
  /*override gallery.css*/
  left: 0; }
  .fancybox-prev .arrow-arrow {
    left: 0;
    top: 0; }

.fancybox-next {
  /*override gallery.css*/
  right: 0; }
  .fancybox-next .arrow-arrow {
    left: 0;
    top: 0; }

.fancybox.alternates label {
  display: none; }
.fancybox.alternates a {
  display: inline-block;
  margin-right: 10px;
  float: none; }
.fancybox.alternates .other-sizes {
  display: inline-block;
  margin-right: 10px; }

.fancybox-social {
  display: inline-block; }

.fancybox-count {
  display: inline-block;
  margin-left: 10px;
  float: right;
  font-family: 'GoudyTrajan';
  line-height: 24px; }

.fancybox-caption {
  display: block;
  margin-top: 10px; }

.fancybox-close-container {
  position: absolute;
  width: 100%;
  top: -20px;
  text-align: right; }

.fancybox-close {
  position: static;
  width: auto;
  height: auto;
  background: none;
  display: inline-block; }

.fancybox-lock {
  margin: 0 !important;
  overflow: auto !important; }
  .fancybox-lock .fancybox-overlay {
    overflow: hidden; }

/* - ARTICLES ----------------------------------------------- */
/* -------------------------------------------------------- */
/* Articles List */
.news-teaser img {
  float: left; 
  width: 170px;
  height: 85px; }
.news-teaser time {
  display: block; }
.news-teaser h5 {
  margin-bottom: 0; }
  .news-teaser h5 a {
    text-decoration: none; }
.news-teaser .content {
  margin-bottom: 0; }
/*.news-teaser .news.content p {
  max-width: none; }*/

body.page-news .block-system {
  margin-left: 275px; }

/* change move to fullwidth selector following install*/
body.page-news .block-system .content {
  width: auto; }

body.page-news a.article-item {
  display: block;
  margin: 8px 0;
  padding: 15px;
  color: #fff;
  box-shadow: 0 0 6px #000;
  text-decoration: none; }

body.page-news a.article-item:hover {
  color: #fff;
  box-shadow: 0 0 6px #ffc; }
  .lt-ie9 body.page-news a.article-item:hover {
    color: #fbfaca;
    border: 1px solid #fbfaca; }

body.page-news article {
  position: relative;
  display: inline-block;
  max-height: 135px;
  overflow: hidden; }

/*body.page-news img
{
  position: absolute;
  top: 0;
  left: 0;
}*/
body.page-news article h5,
body.page-news article time,
body.page-news article nav,
body.page-news article div {
  margin-left: 190px; }

body.page-news article nav {
  display: none; }

body.page-news article div.news.content {
  position: relative;
  top: -2px; }

.page-news h5 {
  font-size: 22px;
  font-weight: normal;
  color: #ba852d;
  margin-bottom: 6px; }

/* ------------------------------
 * Article Page 
 * ------------------------------
 */
/* Overrides for the wireframe theme */
body.node-type-news h1#page-title {
  display: block; }
body.node-type-news .news.content p {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1; }

/* end overrides */
/* class for making two flowing columns on content */
.two-column {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2; }

/* Theme Styles */
.node-news, .node-article {
  margin-top: -14px;
  margin-left: 280px;
  padding: 17px; }
  .node-news h1, .node-article h1, .node-news .submitted, .node-article .submitted {
  	}
  .node-news h1, .node-article h1 {
	  margin: 4px 0;
  }
  .node-news .social, .node-article .social {
    margin-top: 1em;
    text-align: right; }
  .node-news .author, .node-article .author {
    display: block;
    margin-bottom: 1em; }
  
  nav#news_categories ~ a > article > div.news.content {
  	padding-left: 0px; }

/*
 * ---------------------------------------------------------------
 Become a VIP Page
 -----------------------------------------------------------------
 */
.menu-vip .node-page, .menu-vip #character-info, .menu-vip .page-media .content > .media, .page-media .menu-vip .content > .media {
  padding-right: 0;
  padding-left: 0; }
  .menu-vip .node-page .content > *, .menu-vip #character-info .content > *, .menu-vip .page-media .content > .media .content > *, .page-media .menu-vip .content > .media .content > * {
    margin-right: 15px;
    margin-left: 20px; }
  .menu-vip .node-page .content > ul, .menu-vip #character-info .content > ul, .menu-vip .page-media .content > .media .content > ul, .page-media .menu-vip .content > .media .content > ul {
    margin-right: 0;
    margin-left: 0;
    padding-right: 3px;
    padding-left: 3px; }
.menu-vip .tagline {
  position: relative; }
  .menu-vip .tagline p {
    margin-left: 22%;
    margin-bottom: 30px;
    font-family: 'GoudyTrajan-Bold';
    font-weight: bold;
    font-size: 60px;
    line-height: 40px;
    color: #e9e2ba;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: rgba(255, 255, 255, 0.4) 0.3px; }
  .menu-vip .tagline span {
    font-size: 29px;
    vertical-align: top; }
  .menu-vip .tagline .first-line {
    display: block;
    line-height: 34px; }
  .menu-vip .tagline .currency {
    display: inline-block;
    margin-left: 19px;
    font-size: 44px;
    line-height: 30px; }
  .menu-vip .tagline:before, .menu-vip .tagline:after {
    content: "";
    height: 1px;
    width: 22%;
    position: absolute;
    top: 70%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.6); }
    .lt-ie9 .menu-vip .tagline:before, .lt-ie9 .menu-vip .tagline:after {
      background-color: white; }
  .menu-vip .tagline:after {
    left: auto;
    right: 0; }
.menu-vip .gallery {
  list-style: none;
  margin: 0;
  overflow: hidden; }
  .menu-vip .gallery li {
    float: right;
    margin-right: 15px; }
.menu-vip.lang-fr .tagline p {
  margin-left: 16%; }
.menu-vip.lang-fr .tagline .first-line {
  margin-left: -23px; }
.menu-vip.lang-fr .tagline:after, .menu-vip.lang-fr .tagline:before {
  width: 14%; }
.menu-vip.lang-de .tagline .first-line {
  margin-left: -25px;
  line-height: 40px; }
.menu-vip.lang-de .tagline p {
  margin-left: 24%; }

ul.column.two {
  display: table;
  width: 100%;
  margin: 0;
  margin-top: 22px;
  padding: 0;
  float: none; }
  ul.column.two li {
    display: table-cell;
    position: relative;
    width: 50%;
    height: 30px;
    margin: 0;
    margin-bottom: 10px;
    padding-left: 62px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 8%;
    font-weight: bold; }
    ul.column.two li:nth-child(4n - 3) {
      background-color: rgba(255, 255, 255, 0.1); }
      .lt-ie9 ul.column.two li:nth-child(4n - 3) {
        background-color: white; }
      ul.column.two li:nth-child(4n - 3):last-child {
        width: 100%; }
    ul.column.two li:nth-child(4n - 2) {
      background-color: rgba(255, 255, 255, 0.1); }
      .lt-ie9 ul.column.two li:nth-child(4n - 2) {
        background-color: white; }
  ul.column.two .icon, ul.column.two .quest-packs, ul.column.two .turbine-points, ul.column.two .monster-classes, ul.column.two .wardrobe-space, ul.column.two .trait-slots, ul.column.two .character-slots, ul.column.two .crafting-guilds, ul.column.two .inventory-bags, ul.column.two .currency-cap, ul.column.two .auction-house, ul.column.two .chat, ul.column.two .rest-xp {
    position: absolute;
    width: 42px;
    height: 38px;
    top: -4px;
    left: 17px;
    background: url(../vip/icon_unlimited-chat.png) no-repeat top left transparent; }
  ul.column.two .quest-packs {
    background-image: url(../vip/icon_quest-packs.png);
    width: 42px;
    height: 47px;
    top: -12px; }
  ul.column.two .turbine-points {
    background-image: url(../vip/icon_turbine-points.png);
    height: 41px;
    top: -7px; }
  ul.column.two .monster-classes {
    background-image: url(../vip/icon_monster-classes.png); }
  ul.column.two .wardrobe-space {
    background-image: url(../vip/icon_wardrobe-space.png);
    width: 46px;
    left: 13px; }
  ul.column.two .trait-slots {
    background-image: url(../vip/icon_trait-slots.png); }
  ul.column.two .character-slots {
    background-image: url(../vip/icon_character-slots.png); }
  ul.column.two .crafting-guilds {
    background-image: url(../vip/icon_crafting-guilds.png); }
  ul.column.two .inventory-bags {
    background-image: url(../vip/icon_inventory-bags.png); }
  ul.column.two .currency-cap {
    background-image: url(../vip/icon_currency-cap.png); }
  ul.column.two .auction-house {
    background-image: url(../vip/icon_auction-house.png);
    height: 41px;
    top: -6px; }
  ul.column.two .chat {
    background-image: url(../vip/icon_unlimited-chat.png); }
  ul.column.two .rest-xp {
    background-image: url(../vip/icon_rest-xp.png); }
  .lang-fr ul.column.two li, .lang-de ul.column.two li {
    height: 40px;
    padding-top: 2px; }
  .lang-fr ul.column.two .icon, .lang-fr ul.column.two .quest-packs, .lang-fr ul.column.two .turbine-points, .lang-fr ul.column.two .monster-classes, .lang-fr ul.column.two .wardrobe-space, .lang-fr ul.column.two .trait-slots, .lang-fr ul.column.two .character-slots, .lang-fr ul.column.two .crafting-guilds, .lang-fr ul.column.two .inventory-bags, .lang-fr ul.column.two .currency-cap, .lang-fr ul.column.two .auction-house, .lang-fr ul.column.two .chat, .lang-fr ul.column.two .rest-xp, .lang-de ul.column.two .icon, .lang-de ul.column.two .quest-packs, .lang-de ul.column.two .turbine-points, .lang-de ul.column.two .monster-classes, .lang-de ul.column.two .wardrobe-space, .lang-de ul.column.two .trait-slots, .lang-de ul.column.two .character-slots, .lang-de ul.column.two .crafting-guilds, .lang-de ul.column.two .inventory-bags, .lang-de ul.column.two .currency-cap, .lang-de ul.column.two .auction-house, .lang-de ul.column.two .chat, .lang-de ul.column.two .rest-xp {
    top: 2px; }
  .lang-fr ul.column.two .quest-packs, .lang-de ul.column.two .quest-packs {
    top: -6px; }
  .lang-fr ul.column.two .turbine-points, .lang-de ul.column.two .turbine-points {
    top: -1px; }
  .lang-fr ul.column.two .auction-house, .lang-de ul.column.two .auction-house {
    top: 0px; }

.menu-quickstart .node-page, .menu-quickstart #character-info, .menu-quickstart .page-media .content > .media, .page-media .menu-quickstart .content > .media {
  position: relative;
  height: 465px; }
  .menu-quickstart .node-page img.guide, .menu-quickstart #character-info img.guide, .menu-quickstart .page-media .content > .media img.guide, .page-media .menu-quickstart .content > .media img.guide {
    position: absolute;
    bottom: -74px;
    left: -72px; }
  .menu-quickstart .node-page .download-pdf, .menu-quickstart #character-info .download-pdf, .menu-quickstart .page-media .content > .media .download-pdf, .page-media .menu-quickstart .content > .media .download-pdf {
    height: 365px;
    position: relative; }
    .menu-quickstart .node-page .download-pdf > *, .menu-quickstart #character-info .download-pdf > *, .menu-quickstart .page-media .content > .media .download-pdf > *, .page-media .menu-quickstart .content > .media .download-pdf > * {
      position: absolute;
      right: 0;
      bottom: 0; }
    .menu-quickstart .node-page .download-pdf a.button, .menu-quickstart #character-info .download-pdf a.button, .menu-quickstart .page-media .content > .media .download-pdf a.button, .page-media .menu-quickstart .content > .media .download-pdf a.button, .menu-quickstart .node-page .download-pdf .more-link a, .more-link .menu-quickstart .node-page .download-pdf a, .menu-quickstart #character-info .download-pdf .more-link a, .more-link .menu-quickstart #character-info .download-pdf a, .menu-quickstart .page-media .content > .media .download-pdf .more-link a, .more-link .menu-quickstart .page-media .content > .media .download-pdf a, .page-media .menu-quickstart .content > .media .download-pdf .more-link a, .more-link .page-media .menu-quickstart .content > .media .download-pdf a, .menu-quickstart #character-info .download-pdf .front .block-community-news .more-link a, .front .block-community-news .more-link .menu-quickstart #character-info .download-pdf a, .menu-quickstart .page-media .content > .media .download-pdf .front .block-community-news .more-link a, .front .block-community-news .more-link .menu-quickstart .page-media .content > .media .download-pdf a, .page-media .menu-quickstart .content > .media .download-pdf .front .block-community-news .more-link a, .front .block-community-news .more-link .page-media .menu-quickstart .content > .media .download-pdf a, .menu-quickstart .node-page .download-pdf .slide-content a.action, .slide-content .menu-quickstart .node-page .download-pdf a.action, .menu-quickstart #character-info .download-pdf .slide-content a.action, .slide-content .menu-quickstart #character-info .download-pdf a.action, .menu-quickstart .page-media .content > .media .download-pdf .slide-content a.action, .slide-content .menu-quickstart .page-media .content > .media .download-pdf a.action, .page-media .menu-quickstart .content > .media .download-pdf .slide-content a.action, .slide-content .page-media .menu-quickstart .content > .media .download-pdf a.action, .menu-quickstart .node-page .download-pdf .gallery a.more, .gallery .menu-quickstart .node-page .download-pdf a.more, .menu-quickstart #character-info .download-pdf .gallery a.more, .gallery .menu-quickstart #character-info .download-pdf a.more, .menu-quickstart .page-media .content > .media .download-pdf .gallery a.more, .gallery .menu-quickstart .page-media .content > .media .download-pdf a.more, .page-media .menu-quickstart .content > .media .download-pdf .gallery a.more, .gallery .page-media .menu-quickstart .content > .media .download-pdf a.more, .menu-quickstart .node-page .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-quickstart .node-page .download-pdf a, .menu-quickstart #character-info .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-quickstart #character-info .download-pdf a, .menu-quickstart .page-media .content > .media .download-pdf .fancybox.alternates a, .fancybox.alternates .menu-quickstart .page-media .content > .media .download-pdf a, .page-media .menu-quickstart .content > .media .download-pdf .fancybox.alternates a, .fancybox.alternates .page-media .menu-quickstart .content > .media .download-pdf a {
      bottom: 58px; }

/*
 * Download Page
 */
.menu-download .node-page, .menu-download #character-info, .menu-download .page-media .content > .media, .page-media .menu-download .content > .media {
  margin-right: 250px; }
  .menu-download .node-page .content > div, .menu-download #character-info .content > div, .menu-download .page-media .content > .media .content > div, .page-media .menu-download .content > .media .content > div {
    float: left;
    width: 50%; }
    .menu-download .node-page .content > div:first-child, .menu-download #character-info .content > div:first-child, .menu-download .page-media .content > .media .content > div:first-child, .page-media .menu-download .content > .media .content > div:first-child {
      padding-top: 10px; }
  .menu-download .node-page .button-play-instantly, .menu-download #character-info .button-play-instantly, .menu-download .page-media .content > .media .button-play-instantly, .page-media .menu-download .content > .media .button-play-instantly {
    margin-bottom: 13px; }
  .menu-download .node-page .button-list, .menu-download #character-info .button-list, .menu-download .page-media .content > .media .button-list, .page-media .menu-download .content > .media .button-list {
    text-align: center; }
  .menu-download .node-page .pc-other, .menu-download #character-info .pc-other, .menu-download .page-media .content > .media .pc-other, .page-media .menu-download .content > .media .pc-other {
    position: relative;
    top: -8px;
    font-size: 11px;
    color: #999;
    font-family: 'GoudyTrajan'; }
    .menu-download .node-page .pc-other:hover, .menu-download #character-info .pc-other:hover, .menu-download .page-media .content > .media .pc-other:hover, .page-media .menu-download .content > .media .pc-other:hover {
      color: #fbfaca; }

.button-download-pc {
  background-image: url(/sites/default/files/download/button-pc-en.png); }
  .lang-de .button-download-pc {
    background-image: url(/sites/default/files/download/button-pc-de.png); }
  .lang-fr .button-download-pc {
    background-image: url(/sites/default/files/download/button-pc-fr.png); }

.button-download-mac {
  background-image: url(/sites/default/files/download/button-mac-en.png); }
  .lang-de .button-download-mac {
    background-image: url(/sites/default/files/download/button-mac-de.png); }
  .lang-fr .button-download-mac {
    background-image: url(/sites/default/files/download/button-mac-fr.png); }

.button-play-instantly {
  background-image: url(/sites/default/files/download/button-play-instantly-en.png); }
  .lang-de .button-play-instantly {
    background-image: url(/sites/default/files/download/button-play-instantly-de.png); }
  .lang-fr .button-play-instantly {
    background-image: url(/sites/default/files/download/button-play-instantly-fr.png); }

/*
 * ---------------------------------------------------------------
 AUTH
 -----------------------------------------------------------------
 */
/* #web-layout-password-default */
#auth-login-index .page,
#auth-login-wbid .page,
#auth-registration .page,
#registration-community-index .page,
#password-forgot-index .page,
#password-forgot-success .page,
#password-forgot-wbid .page,
#password-reset-index .page,
#password-reset-wbid .page,
#password-reset-success .page {
  width: 100%;
}
#auth-login-index header,
#auth-login-wbid header,
#auth-registration header,
#registration-community-index header,
#password-forgot-index header,
#password-forgot-success header,
#password-forgot-wbid header,
#password-reset-index header,
#password-reset-wbid header,
#password-reset-success header {
  background: url("../images/headerbar2.png") repeat-x scroll center top transparent;
  box-shadow: 0 0 16px 2px black;
  position: relative;
  width: 100%;
  height: 70px;
}
#auth-login-index header .logo,
#auth-login-wbid header .logo,
#auth-registration header .logo,
#registration-community-index header .logo,
#password-forgot-index header .logo,
#password-forgot-success header .logo,
#password-forgot-wbid header .logo,
#password-reset-index header .logo,
#password-reset-wbid header .logo,
#password-reset-success header .logo {
  height: 115px;
  float: left;
  width: 244px;
  position: relative;
  left: 275px;
}
#auth-login-index .page-wrap,
#auth-login-wbid .page-wrap,
#auth-registration .page-wrap,
#registration-community-index .page-wrap,
#password-forgot-index .page-wrap,
#password-forgot-success .page-wrap,
#password-forgot-wbid .page-wrap,
#password-reset-index .page-wrap,
#password-reset-wbid .page-wrap,
#password-reset-success .page-wrap {
  min-height: 680px;
}
#auth-login-index .pagecontent,
#auth-login-wbid .pagecontent,
#auth-registration .pagecontent,
#registration-community-index .pagecontent,
#password-forgot-index .pagecontent,
#password-forgot-success .pagecontent,
#password-forgot-wbid .pagecontent,
#password-reset-index .pagecontent,
#password-reset-wbid .pagecontent,
#password-reset-success .pagecontent {
  width: 1024px;
  margin: 0 auto;
}
  
div.character.column {
	border-color: rgba(255, 255, 255, 0.18);
	background-color: rgba(0, 0, 0, 0.8);
}

.popup a:hover {
  color: #e9e2ba; }

.popup dd,
dd.wbid {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.18);
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff; }
  .lt-ie9 .popup dd, .lt-ie9
  dd.wbid {
    border-color: white; }
  .lt-ie9 .popup dd, .lt-ie9
  dd.wbid {
    background: url(../transparent-black-80.png) repeat transparent; }

html[lang="en"] #auth-login-index header .logo, html[lang="en"] #auth-registration header .logo, html[lang="en"] #web-layout-password-default header .logo,
html[lang="en"] #auth-login-wbid header .logo, html[lang="en"] #auth-registration header .logo, html[lang="en"] #web-layout-password-default header .logo {
  background-image: url(http://dl.dropboxusercontent.com/u/60097659/css/logo.png); }

html[lang="fr"] #auth-login-index header .logo, html[lang="fr"] #auth-registration header .logo, html[lang="fr"] #web-layout-password-default header .logo,
html[lang="fr"] #auth-login-wbid header .logo, html[lang="fr"] #auth-registration header .logo, html[lang="fr"] #web-layout-password-default header .logo {
  background-image: url(http://dl.dropboxusercontent.com/u/60097659/css/logo.png); }

html[lang="de"] #auth-login-index header .logo, html[lang="de"] #auth-registration header .logo, html[lang="de"] #web-layout-password-default header .logo,
html[lang="de"] #auth-login-wbid header .logo, html[lang="de"] #auth-registration header .logo, html[lang="de"] #web-layout-password-default header .logo {
  background-image: url(http://dl.dropboxusercontent.com/u/60097659/css/logo.png); }

legend.wbid {
  background-image: url("../images/wbid-icon-light.png"); }
  
nav.main aside {
	display: none !important;
}

/* Post Tracker */
#posttracker .trackerbit {
  background: #1c1c1c url(images/styles/ClanTemplate/style/rowBG.png) repeat-x left bottom;
  padding: 6px 10px;
  border-bottom: 1px solid #090909;
  border-top: 1px solid #262626;
}
 
#posttracker .trackertitle {
  margin-bottom: 0.5em;
}
 
#posttracker .trackerlisthead {
  background: #151515 none;
  display: block;
  width: 100%;
  position: relative;
  border: 1px solid #191919;
  border-top: 1px solid #060606;
  border-bottom: 1px solid #090909;
  color: #3f3f3f;
  padding: 2px 0;
  font: normal 12px arial, helvetica, sans-serif;
  margin: 0;
}
 
#posttracker .trackerlisthead .threadtitle, #posttracker .trackerlisthead .threadstatus, #posttracker .trackerlisthead .threadforum {
  padding: 4px 10px 0;
}
 
.dev-tracker-row:before,
.dev-tracker-row:after {
  display: table;
  line-height: 0;
  content: "";
}
 
.dev-tracker-row:after {
  clear: both;
}
 
.dev-tracker-span6 {
  width: 45%;
 
float: left;
  min-height: 1px;
  margin-left: 20px;
 
}
 
.dev-tracker-span3 {
  width: 20%;
float: left;
  min-height: 1px;
  margin-left: 20px; 
}

.dev-tracker-span1 {
  width: 35%;
float: left;
  min-height: 1px;
  margin-left: 20px;
}

.css-dropdown > li > a {
box-shadow: 0 1px 5px #333333 inset;
border-radius: 0;
border: 2px solid #555;
}

.css-dropdown > li > ul {
z-index: 100;
}

.css-dropdown a {
color: black;
}

div:not(#block-community-news-recent-news-with-summary) > div.content > article.news-teaser,
div.term-listing-heading {
  background-color: rgba(0,0,0,0.75);
  padding: 10px;
}

.news-teaser img {
  margin: 0 1em 1em 0;
}

.news-teaser .news.content p {
  display: block;
}

div.feed-source {
  background-color: rgba(0,0,0,.8);
  margin-bottom: 20px;
  display: inline-block;
  margin-left: 20%;
  margin-right: -20%;
  width: 60%;
  border-style: ridge;
  border-color: rgba(200,0,0,.6);
  border-width: 2px;
}
div.feed-source > div {
  text-align: center;
}
div.feed-item {
  background-color: rgba(0,0,0,.8);
  width: 40%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  display: inline-block;
  border-style: ridge;
  border-color: rgba(180,150,0,.8);
  border-width: 1px;
  padding: 5px;
}

/**
   Playspan Rotator
**/
body.not-front.node-type-slider div.header-wrap,
body.not-front.node-type-slider div#userbar,
body.not-front.node-type-slider div.footer-wrap,
body.not-front.node-type-slider div.page-wrap hgroup {
	display: none !important;
}

body.not-front.node-type-slider span.arrow,
body.not-front.node-type-slider ul.thumbNav {
	visibility: hidden;
}

body.not-front.node-type-slider,
body.not-front.node-type-slider ul.slider > li,
body.not-front.node-type-slider div,
body.not-front.node-type-slider .column.one,
body.not-front.node-type-slider > div#userbar,
body.not-front.node-type-slider > div#userbar > div.userbar-inner.container {
	width: auto;
	/*height: 100%;*/
	margin: 0px !important;
	margin-top: 0px !important;
	padding: 0px !important;
	padding-top: 0px !important;
	min-height: 0px !important;
	min-width: 0px !important; 
}

/* To prevent random cutoffs */
body.not-front.node-type-slider div.anythingSlider.anythingSlider-turbine.activeSlider,
body.not-front.node-type-slider ul.slider > li
 {
 	width: 358px !important;
	height: 67px !important;
}/**/

/** 
   Download Page
**/
p.download-block {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.button-download-mac, .text-download-mac {
    float: right;
}

.text-download-mac {
    margin-left: auto;
    margin-right: auto;
    width: 32.5%
}

.text-download-pc {
    padding-left: 12.5%;
}

/**

** animations.css **

a] KEYFRAMES
	1] fadeInDown
	2] IE override(s)
b] SCALING
	1] 110% scale
	2] IE override(s)


**/

/* - KEYFRAMES -------------------------------------------- *//* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* - fadeInDown ------------------------------------------- */
/* -------------------------------------------------------- */
@-webkit-keyframes fadeInDown { 0% {-webkit-transform: translateY(-20px); opacity: 0;} 100% {-webkit-transform: translateY(0); opacity: 1;} }
	 @-moz-keyframes fadeInDown { 0% {	 -moz-transform: translateY(-20px); opacity: 0;} 100% {		-moz-transform: translateY(0); opacity: 1;} }
		 @-o-keyframes fadeInDown { 0% {		 -o-transform: translateY(-20px); opacity: 0;} 100% {			-o-transform: translateY(0); opacity: 1;} }
				@keyframes fadeInDown { 0% {				transform: translateY(-20px); opacity: 0;} 100% {				 transform: translateY(0); opacity: 1;} }

#character-wrap figure:hover > figcaption {
	-webkit-animation: fadeInDown .2s .1s;
		 -moz-animation: fadeInDown .2s .1s;
			 -o-animation: fadeInDown .2s .1s;
					animation: fadeInDown .2s .1s;

	-webkit-animation-fill-mode: forwards;
		 -moz-animation-fill-mode: forwards;
			 -o-animation-fill-mode: forwards;
					animation-fill-mode: forwards;
}

/* -------------------------------------------------------- */
/* - IE override(s) --------------------------------------- */
/* -------------------------------------------------------- */
.lt-ie10 #character-wrap figure:hover > figcaption {
	display: block;
	opacity: 1;
}

/* - SCALING ---------------------------------------------- *//* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* - 110% scale ------------------------------------------- */
/* -------------------------------------------------------- */
#character-wrap figure:hover > a img {
	-webkit-transform: scale(1.1);
		 -moz-transform: scale(1.1);
			 -o-transform: scale(1.1);
					transform: scale(1.1);

	-webkit-transition: all .2s ease-in-out;
		 -moz-transition: all .2s ease-in-out;
			 -o-transition: all .2s ease-in-out;
					transition: all .2s ease-in-out;
}

/* -------------------------------------------------------- */
/* - IE override(s) --------------------------------------- */
/* -------------------------------------------------------- */
.lt-ie10 #character-wrap figure:hover > a img {
	width: 110%;
	left: -5%;
	position: relative;
}

/******************************************************************************\
  GRID.css STRUCTURE
\******************************************************************************/

/* TODO possible :not(span):not()... blacklist */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.fancybox-wrap { overflow: visible !important; }

/* this really a 960px grid, the 980px width is to offset border 
   spacing with using a "display: table" grid system */


/* Columns ------------------------------------------------------------------ */

.column {
  display: table;
  table-layout:fixed;
  border-spacing: 20px 10px;
  width: 980px;
  margin: 0 auto;
  border-collapse: separate;
  clear: both;
}

.column > * {
  display: table-cell;
  vertical-align: top;
}


/* Nested Columns ----------------------------------------------------------- */

/* We turn nested columns into floated elements because we can't easily 
   control border-spacing in nested tables. The disadvantage to this is 
   elements in nested columns won't have even heights. */

.column .column {
  display: block;
  float: left;
  width: auto;
}

.column .column > * {
  display: block;
  float: left;
  margin-left: 20px;
}

.column .column > *:first-child {
  margin-left: 0;
}

.nest > * {
  /* this is here as a placeholder, right now the nest class serves no 
  purpose other than readability in the HTML markup */
}


/* Grouping into rows ------------------------------------------------------- */

/* for stacking sections with-in the same column */

.stack > * {
  display: block;
  margin-top: 20px;
  width: auto;
}

.stack > *:first-child {
  margin-top: 0;
}

/* Global padding on sections: top and sides -------------------------------- */
section { padding: 18px 18px 0; }

/* Column Widths and Paddings ----------------------------------------------- */

/* single column */
.one > * { width: 100%; }

/* two columns */
.two > * { width: 460px; }

/* note, as of right now the only columns that can have nests inside them are three and
four column grids.  We can add this to others in the future if we think it's needed. */

/* three columns */
.three > * { width: 300px; }
/* nested: */
.three .two > * { width: 140px; }
.three .three > * { width: 86px; }

.three > .span-2 { width: 620px; }
/* nested: */
.three .span-2 .two > * { width: 300px; }
.three .span-2 .three > * { width: 193px; }
.three .span-2 .four > * { width: 140px; }

/* four columns */
.four > * { width: 220px; }
/* nested: */
.four .two > * { width: 100px; }

.four > .span-2 { width: 460px; }
/* nested: */
.four .span-2 .two > * { width: 220px; }
.four .span-2 .three > * { width: 140px; }

.four > .span-3 { width: 700px; }
/* nested: */
.four .span-3 .two > * { width: 340px; }
.four .span-3 .three > * { width: 220px; }
.four .span-3 .four > * { width: 160px; }

/* five columns */
.five > * { width: 172px; }
.five > .span-2 { width: 364px; }
.five > .span-3 { width: 556px; }
.five > .span-4 { width: 748px; }

/* six columns */
.six > * { width: 140px; }
.six > .span-2 { width: 300px; }
.six > .span-3 { width: 460px; }
.six > .span-4 { width: 620px; }
.six > .span-5 { width: 780px; }

/* Edge cases */

/* Two column stacked in a span 3 section in a five column layout #whoa */
.five > .stack.span-3 > .two > * { width: 280px; }

/* Zend page "character" overrides */
div.character.column { width: 382px; float: right; }
div.agegate.column { text-align: center; }

div.character.column section { padding: 0 7px 4px; }
.character section { padding: 0; }

/******************************************************************************
 
 Init.css
 After this file is done, community_base has all required 
 functionality to share with it's child themes.
 
 We start with some base tags. See: 
 http://www.w3.org/TR/CSS21/cascade.html#specificity
 
******************************************************************************/

/* TODO: Figure out what CSS rules go in init.css and what doesn't.  */
/* Thinking that margin/padding stays here, color's don't.           */


/* TODO: i18n rules */
/* html:lang(fr-ca) { quotes: '« ' ' »' }
html:lang(de) { quotes: '»' '«' '\2039' '\203A' }
:lang(fr) > Q { quotes: '« ' ' »' }
:lang(de) > Q { quotes: '»' '«' '\2039' '\203A' } */


/* Full Height Stuff */
body.character .pagecontent { min-height: 450px; }

strong { font-weight: bold; }

nav > ul li { display: inline-block; }
ul li:first-child { margin-left: 0; }
ul li:last-child { margin-right: 0; }

body > #userbar { 
	width: 100%;
	min-width: 295px;
  min-height: 30px;
  line-height: 30px;
	padding: 0 1em;
}
body > nav > span,
#userbar nav > .not-logged-in,
#userbar nav > .logged-in,
#userbar nav > .no-cookies { display: none; }
#userbar nav > .browser { display: inline; }

body > #userbar a { color: white; margin: 0 .5em; }
body > #userbar a:hover { color: #ccc; }

body > div.vb { width: auto; }

body > div > div > header { margin: 1em auto; padding: 0 20px; width: 980px; clear: both; }

/* set default wireframe look */ 

body > div > div > footer { 
	padding: 0 7px 5px;
}
section.raw { border: none; padding: 0; background: transparent; }
body > div > div > footer {
	width: 940px;
  margin: 10px auto;
  font-size: 11px;
	line-height: .6111em; 
}
body > div > aside > ul > li { display: inline; }

/* Form Stuff */
fieldset { position: relative; padding: 0; }
select {
   background: #dedede;
   padding: 0.2em 0.3em;
   margin: 0;
   border: 1px solid #666;
}
fieldset > legend { font-weight: bold; font-size: 1.6667em; line-height: 1.1111em; padding: .2777em 0 .2777em 0; }
legend + .popup { position: relative; top: -.5em; }

/******************************************************************************

  Now we VERY carefully introduce some VERY specific classes and ids...

******************************************************************************/

/* Base popup class */
/* TODO: shrink containing element */
.popup {
	extends: dl;
	position: relative;
}
.popup a:hover { color: black; }
.popup dt { font-size: 10px; }
.popup dd { display: none; }
.popup:hover > dd { display: block; }

/* WBID popup */
.popup > dd.wbid {
	extends: .popup:hover > dd;
	position: absolute; 
  top: 0px; 
  left: -518px; 
  width: 500px;
  padding: .5em 1em;
}

/* Base wrap/overlay classes */
.wrap { extends: div; display: none; }
.wrap.active {
	display: block;
	width: 100%;
	min-height: 100%;
	height: 100%;
	background: black;
	position: absolute;
	top: 0;
	left: 0;
}
.overlay { width: 50%; margin: 250px auto 0; text-align: center; }

#csrf-label { display: none; }

.form .expired { width: 700px; text-align: center; }

/* Base messaging */
.info { display: none; }
.info.active { display: block; }
.warning { color: #faa; }

/* Pull up FB buttons */
.fb_iframe_widget { position: relative; top: -2px; }

.tablefloat { display: table; border-spacing: 0px 0px; margin: 0; padding: 0; }

.relative-wrap { position: relative; }

nav.menu li {
	display: block;
}
fieldset { border: none; }
dd,dt { margin: 0; padding: 0; }

.breadcrumb li{ display: inline; }
.breadcrumb li:after{ content: "\25B8"; display: inline-block; padding: 0 6px 0 10px;}
.breadcrumb li:last-child:after{content: "";}

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix:not(#toolbar .clearfix) {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

/** Core Drupal style that ends up being used on some non-drupal pages **/
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}


/* ----------------- theme.css ------------------*/

/* Vertical Rhythm                                          */
/* See http://24ways.org/2006/compose-to-a-vertical-rhythm/ */
body { font-size: 75%; }
html>body { font-size: 12px; }

p { 
  line-height: 1.5em;
  font-size: 1em;
  margin-bottom: 1.5em;
}
#auth-login section > p { margin-bottom: 1em; }

section ul, section ol {
  margin: 1.5em 0;
  padding: 0 0 0 26px;
  line-height: 1.5em;
  font-size: 1em;
}
body>div:not(.vb) ul:not(.contextual-links) li:not(.error li) { list-style: disc; }
body>div:not(.vb) ol li { list-style: decimal; }

h1 { font-weight: bold; font-size: 26px; line-height: 1.3846em; margin-top: 0; margin-bottom: 1.3846em; text-align: center;}
h2 { font-weight: bold; font-size: 22px; line-height: .8181em; margin-top: 0; margin-bottom: .8181em; }
h3 { font-weight: bold; font-size: 20px; line-height: 1.1111em; margin-top: 0; margin-bottom: 1.1111em; }
h4 { font-weight: bold; font-size: 18px; line-height: 1em; margin-top: 0; margin-bottom: 1em; }
h5 { font-weight: bold; font-size: 16px; line-height: .8889em; margin-top: 0; margin-bottom: .8889em; }
h6 { font-weight: bold; font-size: 14px; line-height: .7778em; margin-top: 0; margin-bottom: .7778em; text-align: center;}
h7 { font-weight: bold; font-size: 14px; line-height: .7778em; margin-top: 0; text-align: center;}


/* Form Info Animation */
.info {
  display: block;
  height: 0px;
  text-align: center;
  border: none;
  color: #535353;
  background: #f1f1f1;
  opacity: 0;
  overflow: hidden;
  
  transition: opacity .25s ease-in-out, height .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out, height .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out, height .25s ease-in-out;
}
.info.active { opacity: 1;  height: 19px; display: block; border: 1px solid yellow; }

.success {
  display: block;
  height: 19px;
  text-align: center;
  border: 1px solid green;
  color: #535353;
  background: #f1f1f1;
  opacity: 1;
  overflow: hidden;
  bottom: 1.5em; 
  left: 0px;
  
  transition: opacity .25s ease-in-out, height .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out, height .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out, height .25s ease-in-out;
}

fieldset > nav:last-child { position: absolute; bottom: 1.5em; left: 0px; font-size: .8333em;}
#fieldset-buttons { margin-top: 10px; }
#fieldset-buttons > dl > dd { display: inline; }
#submit-element { float: right; width: auto; }
#cancel-element { float: left; width: 50%; }

#secret {
	background-repeat: no-repeat;
	background-image: url(../../images/sprite.pwstrength.gif);
  background-position: right 100px;
}
#secret.Weak {
  background-position: right 4px;
}
#secret.Medium {
  background-position: right center;
}
#secret.Strong {
  background-position: right -38px;
}

.zend_form > dd > fieldset > dl > dt { margin: .5em 0; }
.zend_form > dd > fieldset > dl > dt > label { display: none; }

/* Form labels we want to show */
.zend_form .select-label, .zend_form .select-label > label {
  display: block;
  font-weight: bold;
  margin-top: 10px;
}

.zend_form .checkbox-label, .zend_form .checkbox-label > label {
  display: block;
  margin-left: 12px;
  position: relative;
}

.zend_form .checkbox {
	display: inline;
  position: absolute;
}

legend { max-width: 100%; white-space: wrap; }

.checkbox ul.errors { display: block; }

#association_listing label, #association_listing input { float: left; margin-bottom: 1em; }
#association_listing input { margin-right: 1em; }
#association_listing label { margin-right: 10px; min-width: 305px; clear: left; line-height: 24px; font-size: 14px; font-weight: bold; }

#challenge-element { margin-top: .75em; }
#subscription_listing .zend_form > dt:first-child,
#subscription_listing .zend_form > dt#submit_description-label {
  display: none;
}
#subscription_listing .zend_form > dt {
  display: inline;
}
#subscription_listing label, #subscription_listing input { float: left; margin-bottom: 1em; }
#subscription_listing input { margin-right: 1em; }
#subscription_listing label { margin-right: 10px; min-width: 305px; clear: left; margin: 0; font-size: 14px; font-weight: bold; }
#subscription_listing input[type="text"] { margin: 0 18px 0 0; width: 50%; }

#subscription_display_edit input[type="submit"] { margin: .75em 0 1.5em; }


#form-expiring {
  display: none;
  width: 100%;
  text-align: center;
}

#submit_group-element > fieldset,
#buttons_group-element > fieldset { margin-bottom: 0; }

.overlay.form.expired { padding: 1em; }
.overlay.form.expired form { display: inline; }
.overlay.form.expired form input[type="submit"] { margin-left: 1em; }
/* Form stuff */
.zend_form fieldset { margin-bottom: 1.5em; }
.zend_form > dt,
.zend_form fieldset > dl > dt {
  display: none;
}
.zend_form dd { position: relative; }
.zend_form input[type="text"],
.zend_form input[type="password"],
.zend_form select { 
  font-size: 14px;
  padding: 4px 5px;
  border: 1px solid #AAAAAA;
  margin: .5555em 0 0;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 3px #EEEEEE inset;
  width: 100%;
}
.error { background: #ffd9d9; color: #000000;}
.zend_form input.error[type="checkbox"] { outline: 1px solid #a64747; }

#date_of_birth-element > select {
  width: 32%;
}

/* Errors */
.zend_form .errors,
.zend_form #pw-params { 
  display: none;
  font-size: 14px;
  position: absolute;
  top: .5555em;
  left: -205px;
  width: 200px;
  margin: 0;
  padding: 0; 
}
#account-subscriptions-interstitial .zend_form .errors { 
  position: absolute;
  top: 40px;
  left: 0px;
}
.zend_form #pw-params { 
  color: #535353;
  background: #f1f1f1;
  border: 1px solid yellow;
  padding: 4px 5px;
}
#pw-params li,
li.error[for="secret"] li { list-style: disc; }
#pw-params p,
#pw-params ul,
li.error[for="secret"] p,
li.error[for="secret"] ul { margin: .5em 0; }
#csrf-element input + .errors { 
  display: block;
  position: relative;
  left: 0; top: 0;
  width: auto;
  font-size: 12px;
  background: #ffd9d9; 
  color: black;
}
.failure { margin: 0; padding: 0;}
.errors > li,
li.error { 
  list-style: none;
  background: #ffeaea;
  border: 1px solid #a64747;
  padding: 3px 5px;
  list-style: none;
  padding: 4px 5px;
  margin: 0;
}
.error:focus + ul, input:focus#secret + div { display: block; }
.errors { color: #333; }
ul.errors { padding-left: 0; }


/* Drupal Messages */
.warning { border: 0; text-align: center;  }

.messages.warning,
.messages.status,
.messages.error { border-width: 3px; color: #333; }

.messages.warning li,
.messages.status li,
.messages.error li {
	margin-bottom: .5em;
}

.messages.error { background-color: #ffc1c1; border-color: #ff7777; }

.messages.warning { text-align: left; }


.vocabulary-news { 
	font-size: 1.3333em;
  margin-top: 0;
  margin-bottom: 1.3333em;
  font-weight: bold;
}

.news-teaser .news.content p {
	font-size: 12px;
  display: table;
  max-width: 40em;
  margin-top: 0;
  border-spacing: 0px 0px;
  line-height: 1.5em;
}
body.node-type-news .news.content p { 
	column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
}

.node-news .submitted,
.node-news .tags,
.news-teaser .submitted,
.news-teaser .tags { 
  font-size: 0.8333em;
}

.news-teaser nav { margin-top: .25em; }

.news-teaser h5 { margin: 0; }
.node-news h2 { margin: 0 0 .5em 0; }

.news.content { margin-bottom: 1.5em; }

article.news-teaser .news.content { padding-left: 182px; }

div#block-community-news-recent-news-with-summary * .news.content { padding-left: 0px; }

.node-news .field-name-field-banner-image { margin-bottom: 1em; }

.news-teaser .field-type-image {
  float: left; margin-right: 18px;
}

.news.back { margin: 1em 0; }

.node-news .submitted { position: relative; top: 1em; }
.node-news h1 { margin: 0 0 .25em; }

body.node-type-news h1#page-title { display: none; }

.news.breadcrumbs { }


body { 
	background: #b7b7b7 url(http://dl.dropboxusercontent.com/u/60097659/css/articles.jpg) top center no-repeat;
	font-family: arial, helvetica, sans-serif;
}

/* Prime background */
body.character .page { 
  width: 980px; 
  margin: 0 auto; 
  position: relative;
}

body.character {
  background-image: url(../keyart-placeholder-bg.png);
	background-size: cover;
}

footer.character { 
  clear: both;
}

a.character.agegate.logo {
  padding-top: 350px;
  margin: 0 auto;
  float: none;
  display: block;
}

.character section { border-radius: 5px; border-width: 2px; }

.region-page-top { 
  background: transparent; 
  border: none; 
  margin: 0; 
  padding: 0;
}

/* Links.                                                              */
/* See http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors */
a { color: #000; text-decoration: underline; }
a:hover { color: #999; }

.page > div > footer a:hover { color: #000; }

/* General Theme Stuff */
body > #userbar {
  background-color: #666;
  color: #fff;
  font-weight: bold;
  text-align: right;
	opacity: .9
}
.page >div > header, .page > div > footer { position: relative; }
.email-not-confirmed { cursor: pointer; position: relative; top: 4px; display: none; }

#userbar .userbar-inner { 
	width: 920px;
	text-align: right; 
	margin: 0 auto;
  padding: 0 10px;
  position: relative;
}

/* Social Icons */
#userbar nav.social { 
	position: absolute;
	left: 0px;
	top: .5em;
}
header nav.social { 
  position: absolute;
  left: 38px;
  bottom: -20px;
}
footer nav.social { 
  position: absolute;
  right: 0px;
  bottom: .5em;
}
#userbar nav.social ul { margin: 0; padding: 0; }

.social a.facebook,
.social a.twitter,
.social a.youtube 
{ height: 0; overflow: hidden; padding-top: 16px; display: inline-block; width: 16px; }
.social a.facebook { background: transparent url('../images/social-facebook.png') no-repeat top left; }
.social a.twitter { background: transparent url('../images/social-twitter.png') no-repeat top left; }
.social a.youtube { background: transparent url('../images/social-youtube.png') no-repeat top left; }


/* Overlay */
.wrap.active { opacity: .98;  background: #555; }


.content { margin-bottom: 1.5em; }

.mainNav { font-size: 20px; }
.mainNav > ul > li { margin: 0 0.5em; }

footer .legal_links {
  text-align: center;
  margin-bottom: 20px;
}

footer .footer_logos {
  text-align: center;
}

footer .footer_logos a {
  text-decoration: none;
  padding: 10px;
}

footer .rating_logos, footer .product_logos {
  display: inline;
}

footer .legal_links a {
  padding: 0 10px;
}

.language {
  /* .language extends body > div > footer > div */
  text-align: center;
  margin: 2.5em 0;
}
.language * {
  display: inline;
}
.language nav ul {
  margin: 0;
  padding: 0;
}
.language nav {
  margin: 0 10px;
}
.language > nav > ul > li {
  margin: 0 20px;
}

body > div > div > header > nav > a:first-child {
  /* extends: a */
  margin-right: 0px;
	outline: none;
  background-image: url(http://dl.dropboxusercontent.com/u/60097659/css/logo.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 150px;
  height: 150px;
  display: inline-block;
  vertical-align: middle;
  /* hide text */
  text-align: left;
  direction: ltr;
  text-indent: -999em;
  overflow: hidden;
}

body > div > div > header > nav > ul > li > a { font-size: 24px; margin-right: 20px; }

body > div > div > header > nav > ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.navmenu > li > ul {
  opacity: 0;
	visibility: hidden;
	margin: 0;
	padding: 0;
	position: absolute;
	border: 2px solid black;
	background-color: #dedede;
  width: 150px;
}

.navmenu > li:hover > ul li:hover {
  background-color: #f1f1f1;
}

.navmenu > li > ul li {
	display: block;
	margin: 0;
	padding: .5em;
  font-weight: bold;
  font-size: 14px;
}
.navmenu > li > ul li a { margin-right: 0; }

.navmenu li:hover > ul {
	opacity: 1;
	visibility: visible;
  z-index: 9999;
}

.navmenu li > ul li:hover ul { 
	margin-left: 135px;
  margin-top: -1.5em;
}


noscript > div.column { border-spacing: 0; width: 940px; margin: 0 auto; }

/* WBID Overlay */
dd.wbid {
  border: 2px solid black;
  background-color: #dedede;
	z-index: 9999;
}

legend.wbid { 
	background: transparent url("../images/wbid-icon-dark.png") no-repeat top left;
  padding-left: 60px;
  line-height: 1.7778em;
}

/* Overrides */
.light { color: #fff; }
.dark { color: #000; }

header.character {
	background: transparent;
	border: none;
	padding: 0; margin: 0;
	width: 980px;
}

header.character > .logo { 
	background: transparent url('../images/logo.wbg-uwp.png') no-repeat;
  height: 134px;
  width: 350px;
  float: right;
}

.button, input[type="submit"],
.more-link a {
  /* extends: a */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
  padding: 0em 0.8em;
  display: inline-block;
  border-radius: 5px;
  border-width: 1px;
  font-weight: bold;
  text-decoration: none;
}

.slide-content.image aside {
  background: none;
  background-image: url( '../images/overlay.png' );
}

.slide-content.video aside.right {
  padding: 20px 20px 20px 0;
}

.slide-content.video aside.left {
  padding: 20px 0 20px 20px;
}

.yt-video.deferred.player-ready .play-overlay {
  background: url( ../images/play_off.png ) center center no-repeat;
}

.yt-video.deferred.player-ready .play-overlay:hover {
  background: url( ../images/play_on.png ) center center no-repeat;
}

.yt-video .player-wrapper {
  padding: 20px;
}

nav.main { position: relative; }

nav.main > aside > div {
  position: static;
}

.field-name-field-description li { list-style: disc; }

ul.icons { padding: 0; margin: 0; }

.breadcrumbs {
  font-size: 14px;
  margin-bottom: 18px;
  font-weight: bold;
}

.node-unpublished { background-color: #DEDEDE; }

.breadcrumb { background: white; padding: .5em 18px; }

.pagination { text-align: center; margin: 18px 0 18px; }
.pagination li { display: inline; list-style: none; margin-right: 1em; }
.pagination li.current { font-weight: bold; }

/* Dropdown Structure */
.css-dropdown {
  display: inline-block;
  min-width: 15em;
  padding: 0;
  margin: 0;
  list-style: none;
}
.css-dropdown a {
  text-decoration: none;
}
.css-dropdown a:hover {
  color: rgb(238, 238, 238);
}
.css-dropdown > li {
  position: relative;
}
.css-dropdown > li > a {
  background-color: #ACACAC;
  display: block;
  min-width: 15em;
  padding: .3em;
  padding-right: 1.8em;
}
.css-dropdown > li > a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0.6em;
  top: 50%;
  margin-top: -0.2em;
  border-top: 0.4em solid #000;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
}
.css-dropdown > li:hover a:after {
  border-top: 0;
  border-bottom: 0.4em solid #000;
}
.css-dropdown > li:hover > ul {
  display: block;
}
.css-dropdown > li > ul {
  position: absolute;
  display: none;
  top: 100%;
  right: 0;
  min-width: 15em;
  margin: 0;
  padding: 0;
  background-color: #ACACAC;
  width: 100%;
}
.css-dropdown > li > ul > li {
  display: block;
  padding: 0;
}
.css-dropdown > li > ul a {
  display: block;
  white-space: nowrap;
  padding: .3em;
}
.css-dropdown > li > ul a:hover {
  color: rgb(238, 238, 238);
}

/* Gallery Styles */

.gallery-container { position: relative; }
.gallery-container .caption { font-style: italic; margin-bottom: 1em; }
.gallery-container .alternates, .gallery-container .galleries, .gallery-container .discussion {
	width: 32%; float: left;
  margin-bottom: 1em;
}
.gallery-container .yt-video { position: relative; margin: 0 auto; width: 680px; }

.gallery.social { position: absolute; top: -2em; right: 0px; }

/* Leaderboards */

.leaderboards .platforms,
.leaderboards .types
{
  list-style-type: none;
  margin: 1em 0 0;
  padding: 0;
}

.leaderboards .platforms a {
  display: inline-block;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
  outline: none;
}
.leaderboards .platforms a.xbox { background: transparent url(../XBox_Logo.png) no-repeat top left; }
.leaderboards .platforms a.pc { background: transparent url(../steam_logo.png) no-repeat top left; }
.leaderboards .platforms a.ps3 { background: transparent url(../PS3_logo.png) no-repeat top left; }


.leaderboards .platforms li,
.leaderboards .types li
{
  background-color: black;
  margin-bottom: .5em;
  padding: 1em;
}

.leaderboards .platforms li a,
.leaderboards .types li a
{
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
}

table.leaderboard { margin: 0; width: 100%; font-size: 14px; color: #fff; }
table.leaderboard thead { margin-top: 0; }
table.leaderboard caption { text-align: right; }
table.leaderboard th { background-color: #000; padding: 5px; text-align: left; }
table.leaderboard th a { color: #fff; }
table.leaderboard td {
  background-color: #333;
  padding: 5px;
  border-bottom: 1px solid #999;
  border-right: 1px dotted #999;
}
table.leaderboard tr td:last-child { border-right: none; }

/* Zebra */
table.leaderboard tr:nth-child(2n+1) td { background-color: #666; }

/* Your leaderboard */
table.leaderboard tr.you > td { padding: 0; }
table.leaderboard tr.you > td > div > table { width: 100%; }

table.leaderboard tr.you td {
	height: 50px;
}
table.leaderboard tr.you td {
	background-color: #ab5819;
	border-right: 1px dotted #ffc89f;
}

table.leaderboard a.showMe {
	text-indent: -9999px;
	outline: none;
	display: inline-block;
  height: 16px;
  width: 16px;
  background: transparent url('../images/icon.magnifyingglass.gif') top left no-repeat;
}
.leaderboards .pagination { text-align: center; margin: 18px 0 18px; }
.leaderboards .pagination li { display: inline; list-style: none; margin-right: 1em; }
.leaderboards .pagination li.current { font-weight: bold; }

.leaderboards .loading {
	position: relative;
  height: 50px;
}

.leaderboards .loading > * {
  background: url(../turbine-loader-sprite.png) no-repeat 0 0;
  position: absolute;
  left: 33%;
  width: 82px;
  height: 100%;
  opacity: 1;
}

.lt-ie10 .leaderboards .loading > *,
.lt-ie9 .leaderboards .loading > * {
	background: url(../ajax-loader.gif) no-repeat 0 0;
  width: 32px;
  left: 35%;
  top: 19%;
}

.leaderboards .loading > span {
  height: auto;
  padding-top: 73px;
  font-weight: 700;
  color: #FFF;
  background: none; 
}

.leaderboards .loading > span > span {
  position: absolute;
  width: 250px;
  left: 80px;
  top: 35%;
  text-align: center;
}

.lt-ie9 .leaderboards .loading > span > span,
.lt-ie10 .leaderboards .loading > span > span {
	left: 40px;
  top: 12%;
  color: black;
}

.fancybox-title iframe { float: right; }
.fancybox-title p { display: inline; }

nav.main .block .contextual-links-wrapper {
  display: none;
}

/* -------------------------------------------------------- */
/* - ANIMATIONS ------------------------------------------- */
/* -------------------------------------------------------- */

/* - initiate -------------- */
.leaderboards .loading > div {
  -webkit-animation:  loadingBlade 0.7s infinite;
  -moz-animation:     loadingBlade 0.7s infinite;
  -o-animation:       loadingBlade 0.7s infinite;
  animation:          loadingBlade 0.7s infinite;
}

.leaderboards .loading > span {
  -webkit-animation:  loadingOuter 1.5s infinite;
  -moz-animation:     loadingOuter 1.5s infinite;
  -o-animation:       loadingOuter 1.5s infinite;
  animation:          loadingOuter 1.5s infinite;
}

/* - sequential delays ---- */
.leaderboards .loading > div:nth-child(1) {
  background-position: 0 0;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

.leaderboards .loading > div:nth-child(2) {
  background-position: -88px 0;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.leaderboards .loading > div:nth-child(3) {
  background-position: -176px 0;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.leaderboards .loading > div:nth-child(4) {
  background-position: -264px 0;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.leaderboards .loading > div:nth-child(5) {
  background-position: -352px 0;
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.leaderboards .loading > div:nth-child(6) {
  background-position: -440px 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.leaderboards .loading > div:nth-child(7) {
  background-position: -528px 0;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.leaderboards .loading > div:nth-child(8) {
  background-position: -616px 0;
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

/* - keyframes ------------- */
@-webkit-keyframes loadingOuter { 0% {opacity: 0.5;} 50% {opacity: 1;} 100% {opacity: 0.5;} }
@-moz-keyframes loadingOuter    { 0% {opacity: 0.5;} 50% {opacity: 1;} 100% {opacity: 0.5;} }
@-o-keyframes loadingOuter      { 0% {opacity: 0.5;} 50% {opacity: 1;} 100% {opacity: 0.5;} }
@keyframes loadingOuter         { 0% {opacity: 0.5;} 50% {opacity: 1;} 100% {opacity: 0.5;} }

@-webkit-keyframes loadingBlade { 0% {opacity: 0;} 50% {opacity: 0.8;} 100% {opacity: 0;} }
@-moz-keyframes loadingBlade    { 0% {opacity: 0;} 50% {opacity: 0.8;} 100% {opacity: 0;} }
@-o-keyframes loadingBlade      { 0% {opacity: 0;} 50% {opacity: 0.8;} 100% {opacity: 0;} }
@keyframes loadingBlade         { 0% {opacity: 0;} 50% {opacity: 0.8;} 100% {opacity: 0;} }

.callout.buy-preorder { 
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	height: 150px;
	width: 275px;
	cursor: pointer;
}

.callout.buy-preorder.buy_now {
	background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-en.gif') center top no-repeat;
}

.callout.buy-preorder.preorder {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-en.gif') 0 50% no-repeat;
}

.callout.buy-preorder.both {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-en.gif') 0 100% no-repeat;
}

.lang-fr .callout.buy-preorder.buy_now {
	background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-fr.gif') center top no-repeat;
}

.lang-fr .callout.buy-preorder.preorder {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-fr.gif') 0 50% no-repeat;
}

.lang-fr .callout.buy-preorder.both {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-fr.gif') 0 100% no-repeat;
}

.lang-es .callout.buy-preorder.buy_now {
	background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-es.gif') center top no-repeat;
}

.lang-es .callout.buy-preorder.preorder {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-es.gif') 0 50% no-repeat;
}

.lang-es .callout.buy-preorder.both {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-es.gif') 0 100% no-repeat;
}

.lang-de .callout.buy-preorder.buy_now {
	background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-de.gif') center top no-repeat;
}

.lang-de .callout.buy-preorder.preorder {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-de.gif') 0 50% no-repeat;
}

.lang-de .callout.buy-preorder.both {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-de.gif') 0 100% no-repeat;
}

.lang-it .callout.buy-preorder.buy_now {
	background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-it.gif') center top no-repeat;
}

.lang-it .callout.buy-preorder.preorder {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-it.gif') 0 50% no-repeat;
}

.lang-it .callout.buy-preorder.both {
  background: black url('../../../modules/community_purchasepage/img/sprite.buy-now-or-preorder-it.gif') 0 100% no-repeat;
}

/* ---------------libraries.css--------------------------------- */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */


/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* -------------responsive.css--------------- */
@media only screen and (max-width: 480px) {
  #wb-navigation { display: none; }

  #site-container {
    width: 100%;
  }

  .column {
    display: block;
    width: auto;
    margin: 0 20px;
  }

  .column .column, .column > *, .column .column > * {
    display: block;
    float: none;
    margin: 10px auto;
    width: auto !important; /* <-- this can be improved  */
  }
  
}

/*
 * The following fonts are open source, obtained via Google Web Fonts
 *
 * 
 */

/*
 * The following fonts are open source, obtained via Google Web Fonts
 *
 * 
 */

 
@font-face {
    font-family: 'sorts_mill_goudy_regular';
    src: url('../fonts/sortsmillgoudy-regular-webfont.eot');
    src: url('../fonts/sortsmillgoudy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sortsmillgoudy-regular-webfont.woff') format('woff'),
         url('../fonts/sortsmillgoudy-regular-webfont.ttf') format('truetype'),
         url('../fonts/sortsmillgoudy-regular-webfont.svg#sorts_mill_goudyregular') format('svg');
    font-weight: bolder;
    font-style: normal;
}


@font-face {
	font-family: 'GoudyTrajan-Regular';
	src: url('../fonts/246BEC_0_0.eot');
	src: url('../fonts/246BEC_0_0.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/246BEC_0_0.woff') format('woff'),
	     url('../fonts/246BEC_0_0.ttf') format('truetype');
}
 
@font-face {
	font-family: 'GoudyTrajan-Bold';
	src: url('../fonts/246BEC_1_0.eot');
	src: url('../fonts/246BEC_1_0.eot?#iefix') format('embedded-opentype'),
	     url('http://dl.dropboxusercontent.com/u/60097659/css/fonts/246BEC_1_0.woff') format('woff'),
	     url('../fonts/246BEC_1_0.ttf') format('truetype');
}

@font-face {
	font-family: 'GoudyTrajan-Medium';
	src: url('../fonts/246BEC_2_0.eot');
	src: url('../fonts/246BEC_2_0.eot?#iefix') format('embedded-opentype'),
	     url('http://dl.dropboxusercontent.com/u/60097659/css/fonts/246BEC_2_0.woff') format('woff'),
	     url('../fonts/246BEC_2_0.ttf') format('truetype');
}

@font-face {
	font-family: 'GoudyTrajan';
	src: url('../fonts/246BEC_0_0.eot');
	src: url('../fonts/246BEC_0_0.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/246BEC_0_0.woff') format('woff'),
	     url('../fonts/246BEC_0_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GoudyTrajan';
	src: url('../fonts/246BEC_1_0.eot');
	src: url('../fonts/246BEC_1_0.eot?#iefix') format('embedded-opentype'),
	     url('http://dl.dropboxusercontent.com/u/60097659/css/fonts/246BEC_1_0.woff') format('woff'),
	     url('../fonts/246BEC_1_0.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
